カスタムウェブテーマ

ForcedSkin のカスタムウェブテーマは、ページを再設計するのではなく、マーケットの CSS パレットを複数サイトへ適用することです。

多数のホスト名に共通のパレット言語

ここでの「カスタムウェブテーマ」は、ページ枠・サーフェス・文字・リンク・コントロール・アクセントなど CSS UI 用に選んだ色です。ForcedSkin は Chromium タブでそのパレットを適用し、オリジンごとのブランドスキンが違ってもよく使うサイトの見た目を近づけます。

サイトそのものは同じです。列を組み替える userstyle ではありません。スローガンだけなら About で足ります。本ページはパレットの選び方と作成です。

ドメインごとに hex を貼るのではなくマーケット

テーママーケット で既製のライト/ダークを探せます。ログイン後はお気に入りと使用中のライト/ダーク組を同期できます。作者はドメインへ無作為 CSS を貼るのではなく テーマ作成ガイド のフィールドに従います。

エンジンが役割をトークンへマップするため、CSS 変数・グラデーション・フォームでもカスタムテーマの一貫性を保ちやすいです。写真と動画はメディアのまま残します。反転ベースの「カスタムテーマ」を避ける理由です。

  • ライトとダークは独立して選べる
  • テーマ JSON は作成ガイドで定義
  • forcedskin.com の任意アカウント同期

カスタムテーマにサイトアダプターが要るとき

汎用マッパーが届きにくいコンポーネントに UI 色を隠す製品があります。アダプター のコミュニティ JSON(forcedskin-adapter-formula/v1)は、拡張をフォークせずホスト名を締めます。

カスタムテーマとアダプターの組み合わせも再配色です。サイト本来のデザインで十分なときは両方スキップし ホスト名を除外 します。適用の切り替えは ウェブサイトテーマの変更 です。

カスタムテーマが届かない面

chrome://、Chrome ウェブストア、閉じた Shadow DOM、ビットマップのみの UI はパレットを取り込みません。ブラウザのツールバーも直しません。壊れたマーケット商品ではなく範囲外です。

マーケットのテーマから始め、テーマガイド で整え、仕組み と照らして CSS の現実に合わせてください。

よくある質問

ライトとダークで別のカスタムテーマを使えますか?

はい。ライト用とダーク用を保存し、モード(ローカル時刻の自動を含む)がどちらを使うか選びます。

フォントや余白も変わりますか?

変わりません。CSS UI の再配色のみで、本格 userstyle のようなレイアウト変更はしません。

自作テーマはどこへ提出しますか?

テーマ作成ガイドテーマ の掲載フローに従ってください。

Chrome ウェブストアの「テーマ」と同じですか?

違います。ストアのテーマは Chrome 自身の UI、ForcedSkin はウェブサイト CSS です。ブラウザテーマ拡張 を参照。

関連記事

ForcedSkin を試す

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