--- title: X、Web版の「ダークブルー」テーマを削除　拡張機能で復活させる方法を解説 url: https://roboin.io/article/2026/02/13/x-removes-dim-theme-from-web-how-to-restore-it/ description: X（Twitter）で暗い配色を使用するダークモードにはこれまで「ブラック」「ダークブルー」の2種類がありましたが、ダークブルーが削除されました。この記事では、Xのダークブルーが削除された経緯と、復活させる方法についてわかりやすく解説します。 publishedDate: 2026-02-12T16:26:32.180Z modifiedDate: 2026-02-12T16:26:32.180Z thumbnail: https://roboin.io/api/media/file/x-web-dark-blue-removed.png thumbnailAlt: Xのテーマ設定の画面のスクリーンショット。［デフォルト］［ブラック］の2つのみが表示されており、［ダークブルー］は見当たらない thumbnailCaption: N/A --- # X、Web版の「ダークブルー」テーマを削除　拡張機能で復活させる方法を解説 X（Twitter）で暗い配色を使用するダークモードにはこれまで「ブラック」「ダークブルー」の2種類がありましたが、ダークブルーが削除されました。 この記事では、Xのダークブルーが削除された経緯と、復活させる方法についてわかりやすく解説します。 ## XのWeb版からダークブルーが削除 ![Xのテーマ設定の画面のスクリーンショット。［デフォルト］［ブラック］の2つのみが表示されており、［ダークブルー］は見当たらない](https://roboin.io/api/media/file/x-web-dark-blue-removed.png) *XのWeb版からダークブルーが削除された* Xのダークモードにはこれまで、暗い青を基調とした「ダークブルー」と黒を基調とした「ブラック」の2種類が用意されていました。 ブラックテーマはその性質により画面のコントラストが強くなるという問題がありますが、ダークブルーテーマではコントラストが強くなりすぎることを防げます。 このことから一部ではダークブルーテーマが人気でしたが、Web版のXからダークブルーテーマが削除されました。 記事執筆時点でアプリ版のXではダークブルーテーマを引き続き利用できます。 Xの製品責任者のNikita Bier氏はこの件について、[現在のところ2色を超えてサポートする余裕はないものの、ブラックをより明るくすることを検討している](https://x.com/nikitabier/status/2021788482717593940)とポストしています。 つまり、XのWeb版からダークブルーテーマが削除されたのは、X内部の開発リソースの不足が原因ということになります。 ## ダークブルーを復活させる方法 Xを使いやすくするブラウザー拡張機能の[Control Panel for Twitter](https://soitis.dev/control-panel-for-twitter)は、[v4.22.0](https://github.com/insin/control-panel-for-twitter/releases/tag/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を使う場合は、次の手順で設定してください。 Stylusをブラウザーにインストールします - [Chrome / Edge版](https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) - [Firefox版](https://addons.mozilla.org/ja/firefox/addon/styl-us/) Xを開きます Stylusのアイコンをクリックして［x.com］のスタイルを作成します :::note ［x.com/home］の全体ではなく、［x.com］の部分だけがハイライトされている状態でクリックすることで、［x.com］のスタイルを作成できます。 ::: ![Stylusのスクリーンショット](https://roboin.io/api/media/file/image-1363.png) スタイルのエディターが表示されるので、前述のポストで紹介されているCSSを貼り付けて保存します ## まとめ Xのダークモードの「ブラック」「ダークブルー」のうち、ダークブルーが開発リソースの不足を理由に削除されました。 Stylusなどのブラウザー拡張機能をインストールしてスタイルを設定するか、Control Panel for Twitterを使用することでダークブルーを復活させられます。