SBAPP

【X】ダークブルーが消えた理由はリソース不足。拡張機能で戻す方法を解説

2026年2月13日、X(旧Twitter)で背景色の「ダークブルー」が廃止され、デフォルトのホワイトかブラックのみ選択可能になりました。

この変更は不具合ではなく、Xのプロダクト責任者であるNikita Bier氏は「現在は2色までしかサポートできませんが、フィードバックを受けて、ウェブ版の黒を明るく調整することを検討中です」と回答しています。

現時点では、X側の改善を待つしかない状況ですが、ブラウザ版Xの場合は拡張機能「Control Panel for Twitter」を使用するとダークブルーに戻すことができます。以下詳細です。

Xの背景から「ダークブルー」が廃止、白と黒の2色のみに

2026年2月13日、X(旧Twitter)の背景でダークモードの一つであった「ダークブルー」が廃止され、背景色が「ホワイト」と「ブラック」の2色になりました。

筆者環境で確認したところ、今回の仕様変更はブラウザ版とアプリ版の両方で実施されており、それぞれボタン表記に違いはありますが、いずれも白と黒の2色から選択する形式です。

iOS版Xとブラウザ版Xの背景設定画面

iOS版Xの背景設定:

  • System(端末の設定に連動)
  • Day(ホワイト)
  • Night(ブラック)

ブラウザ版Xの背景設定:

  • デフォルト(ホワイト)
  • ブラック
  • システム設定を使う(端末の設定に連動)

なぜ廃止?Nikita Bier氏が「2色展開が限界」と回答

ダークブルーを愛用していたユーザーからは「ダークブルーが見やすくて好きだった」「黒背景に白文字より目に優しく気に入ってた」といった声が相次いでいます。

Xのプロダクト責任者であるNikita Bier氏は、ユーザーからの「なぜ廃止したの?」といった質問に対して、技術的な問題があることをリプライで回答しています。

現時点では2色を超える展開に対応できるリソース(開発体制)がありません。ただ、頂いたフィードバックは把握しており、ウェブ版の黒を少し明るくする方向で検討を進めています。

翻訳・引用:@nikitabier氏のポスト

Nikita Bier氏の発言から、ブラウザ版Xは「ブラック」の色味がダークブルー調に見直される可能性がある一方、アプリ版Xは言及されておらず、当面の間は「ホワイト」と「ブラック」の2色のみの展開が続くと考えられます。

ブラウザ向け:拡張機能「Control Panel for Twitter」でダークブルーに戻す

ブラウザ版Xは、UIの改善機能を追加する拡張機能「Control Panel for Twitter」を使用することで、背景をダークブルーに変更できます。

X:拡張機能使用前後の比較(ブラック・ダークブルー)

ただし、ダークブルーのオプションが追加されたバージョン4.22はEdge版のみ配信されているため、ChromeやFirefoxでは「カスタムCSS」での対応が必要です(執筆時点)。

v4.22:ダークモードのテーマオプションを追加。Xによって削除された「Dim(夜明け)」テーマを継続して利用できるようになりました。

カスタムCSSを使用してダークブルーに戻す手順

Control Panel for TwitterのカスタムCSSで対処する場合は、実験的機能の中にある「カスタムCSS」に、@izutorishimaさんが共有しているCSSをコピー&ペーストして適用するとダークブルーに変更できます。

実際に筆者環境(Chrome・Arc)でカスタムCSSの適用を試したところ、背景がダークブルーに変更されることを確認しました。

「カスタムCSS」と聞くと少し複雑に感じるかもしれませんが、実際の手順はコードをコピー&ペーストするだけなので、HTMLやCSSに関する知識がなくても簡単に試すことができます。

X:カスタムCSSでダークブルーを再現する手順

カスタムCSSでダークブルーに戻す手順:

  1. Xで「表示設定」を開いて「ブラック」を選択
  2. 拡張機能の「Control Panel for Twitter」を入手して有効化
  3. 拡張機能の画面を開き、一番下までスクロールして「実験的機能」を選択
  4. 「カスタムCSS」に以下のコードをコピー&ペースト
  5. 「保存して適用」をクリック

body, .r-kemksi, [style*="background-color: rgb(0, 0, 0);"] {
background-color: rgb(21, 32, 43) !important;
}

.r-5zmot {
background-color: rgb(21, 32, 43, 0.65) !important;
}

.r-1kqtdi0, .r-1roi411, .border-gray-100 {
border-color: rgb(56 68 77) !important;
}
.r-2sztyj {
border-top-color: rgb(56 68 77) !important;
}
.r-1igl3o0 {
border-bottom-color: rgb(56 68 77) !important;
}

[style*="color: rgb(113, 118, 123);"], .text-gray-700 {
color: rgb(139 152 165) !important;
}

.from-background {
–tw-gradient-from: none !important;
}

引用:@izutorishima氏のポスト

※ Control Panel for Twitterのv4.22アップデート後はカスタムCSSを削除してください。

コメントを投稿する(承認後に反映)

*

Return Top