X theme converterChromium / Firefox

あのDarkBlueを、
もう一度。

X(旧 Twitter)の Lights Out(黒)テーマを、かつて存在した DarkBlue(Dim) の配色に変換します。SPA 遷移や動的に増える投稿でも色が崩れません。

対象
X のダークテーマ(黒)
切り替え
ポップアップからワンタッチ
帰ってきたDarkBlueテーマ(X) のポップアップ画面
拡張機能アイコンをクリックしたときに表示される実際のポップアップ画面です。
自動変換 ワンタッチ切替 SPA 対応 ライトテーマ非干渉 Firefox 対応

COLOR SPECIFICATION

黒ではなく、
あの青だった。

DarkBlue カラーパレット

背景(メイン)
#15202B
背景(カード / モーダル)
#192734
背景(ホバー)
#22303C
ボーダー
#38444D
テキスト
メイン #E7E9EA / サブ #8B98A5
アクセント
#1D9BF0

X 側で廃止された Dim テーマの配色値を、そのまま現行 UI に当て直しています。

01

X をダークテーマにする

X の表示設定で Lights Out(黒)を選びます。ライトテーマ利用時は拡張機能が何もしません。

02

拡張機能を入れる

インストールした時点で有効(デフォルト ON)。設定は不要です。

03

必要なら切り替える

ポップアップのトグルで、いつでも元の黒テーマへ戻せます。

FEATURES

遷移しても、
色が崩れない。

X は画面遷移でも再読み込みが起きない SPA です。動的に差し込まれる要素にも追従するため、タイムラインをどれだけ流しても配色が戻りません。

  • SPA ナビゲーションと動的コンテンツに追従
  • ライトテーマ利用者には影響しない安全設計
  • ポップアップからワンタッチで有効 / 無効

対象と処理の一覧

対象変換状態
タイムライン背景#000 → #15202BDIM
カード / モーダル#192734DIM
動的に追加された投稿追従して変換SPA
ライトテーマ変換しないSKIP

SAFE BY DESIGN theme = lights-out のときだけ介入 no-op on light ライトテーマや Dim テーマ利用時は一切手を加えない

DESIGN PRINCIPLES

FAITHFUL

当時の色を再現

記憶の中の色ではなく、旧 Dim テーマの配色値をそのまま使います。

SAFE

他のテーマに干渉しない

黒テーマのときだけ動作し、それ以外では何もしません。

LOCAL

通信しない

配色の適用はローカル完結。閲覧内容を外部に送りません。

INSTALL

タイムラインに、
青を戻す。

Chrome / Edge / Brave などの Chromium 系ブラウザと Firefox 142 以降に対応。MIT License。