ForcedSkin の仕組み

ForcedSkin はローカルの CSS 再配色エンジンで UI 色をパレットに合わせ、メディア画素とページ構造はそのままにします。

画面反転ではなく CSS マッピング

反転フィルターは写真も動画もすべてひっくり返します。ForcedSkin は背景・文字・枠・フォーム・スクロールバー、多くのグラデーションや擬似要素など、CSS が持つ色を読み、アクティブなライト/ダークパレットへ再マップして面同士の関係を保ちます。

記事を暗くしても埋め込み写真は写真のまま、という理由がこれです。色がビットマップ、canvas、クロスオリジンメディアにしか無い場合、安全に塗り直せません。比較は サイトのダークモード です。

ローカル実行、動的ページ、開いた Shadow DOM

着色はタブ内です。テーマのためにページ HTML をサーバーへ送りません。コンテンツスクリプトが初回描画後のノードも含めて監視するため、多くの SPA と通常の iframe は UI 更新後もパレットを受け取れます。

開いた Shadow DOM にはテーマスタイルを注入できます。閉じた Shadow DOM は一般に拡張から直せません。chrome:// とウェブストアはこのパイプラインに入りません。一時的な不具合ではなく製品の境界です。

  • Chrome / Edge / Arc(Chromium)
  • スタイル可能な動的 DOM の増分更新
  • 閉じた Shadow DOM とビットマップ UI は変更なし

アダプターはホスト名を調整し、エンジンの代替ではない

既定は汎用エンジンです。サイトアダプター は宣言的 JSON(forcedskin-adapter-formula/v1)でホスト名をマッチし、CSS が難しいサイトに層ルールを足します。公開 formula は アダプターアダプターガイド です。

アダプターも再配色だけです。レイアウト変更、コンテンツ差し替え、広告停止はしません。ホスト名を原状維持するならエンジンと戦わず 除外 を使います。

モードと任意同期はエンジンの上にある

ライト/ダークは保存済みパレットのどちらを使うかを選びます。自動はローカル 6:00–18:00 頃をライトにします。オフはエンジンを完全にスキップします。いずれも文書を書き換えず、CSS 再配色を走らせるかどうかだけです。

forcedskin.com へのサインインは任意です。同期は選んだパレットとアダプター一覧をポップアップへ取り込みます。テーマ適用自体は端末内です。定義は ForcedSkin とは、色は テーママーケット です。

よくある質問

一部のボタンが元の色のままなのはなぜ?

閉じた Shadow DOM、canvas、ビットマップ背景は CSS のように再配色できません。コミュニティ アダプター を試すか、悪化するなら 除外 してください。

閲覧中のページをアップロードしますか?

テーマ適用にページ HTML のアップロードは不要です。任意通信はアカウント・カタログ・公開アダプター用で、プライバシー にあります。

クリックや SPA の遷移は壊れますか?

色だけが対象です。ナビゲーション妨害、コンテンツ置換、レイアウト再設計は意図していません。

自動はカメラや位置情報を使いますか?

使いません。自動はローカル時計で、ライトはおよそ 6:00–18:00 です。

関連記事

ForcedSkin を試す

拡張機能を入れてパレットを選びます。ログインは任意です。