X、Web版の「ダークブルー」テーマを削除　拡張機能で復活させる方法を解説

X（Twitter）で暗い配色を使用するダークモードにはこれまで「ブラック」「ダークブルー」の2種類がありましたが、ダークブルーが削除されました。

この記事では、Xのダークブルーが削除された経緯と、復活させる方法についてわかりやすく解説します。

XのWeb版からダークブルーが削除

Xのダークモードにはこれまで、暗い青を基調とした「ダークブルー」と黒を基調とした「ブラック」の2種類が用意されていました。

ブラックテーマはその性質により画面のコントラストが強くなるという問題がありますが、ダークブルーテーマではコントラストが強くなりすぎることを防げます。

このことから一部ではダークブルーテーマが人気でしたが、Web版のXからダークブルーテーマが削除されました。

記事執筆時点でアプリ版のXではダークブルーテーマを引き続き利用できます。

Xの製品責任者のNikita Bier氏はこの件について、現在のところ2色を超えてサポートする余裕はないものの、ブラックをより明るくすることを検討しているとポストしています。

つまり、XのWeb版からダークブルーテーマが削除されたのは、X内部の開発リソースの不足が原因ということになります。

ダークブルーを復活させる方法

Xを使いやすくするブラウザー拡張機能のControl Panel for Twitterは、v4.22.0でダークブルーを復活させる機能を実装しています。

Control Panel for Twitterのv4.22.0は記事執筆時点でEdgeでしか利用できませんが、近いうちにほかのブラウザーでも利用できるようになると思われます。

ダークブルーをすぐに使いたいという場合は、Stylusというブラウザー拡張機能にこちらのポストで紹介されているCSSを貼り付けることで、ダークブルーを再び利用できるようになります。

【修正版】微妙に従来の色が残ってる箇所があったので修正版です

```
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,…

— Torishima / INTP (@izutorishima) February 12, 2026

Stylusを使う場合は、次の手順で設定してください。

1. Stylusをブラウザーにインストールします

   • Chrome / Edge版
   • Firefox版

2. Xを開きます

3. Stylusのアイコンをクリックして［x.com］のスタイルを作成します

   

4. スタイルのエディターが表示されるので、前述のポストで紹介されているCSSを貼り付けて保存します

まとめ

Xのダークモードの「ブラック」「ダークブルー」のうち、ダークブルーが開発リソースの不足を理由に削除されました。

Stylusなどのブラウザー拡張機能をインストールしてスタイルを設定するか、Control Panel for Twitterを使用することでダークブルーを復活させられます。