iOSのXで背景が勝手に黒くなった・白になった?ダークモードの設定を変更する方法を解説

X(Twitter)のiPhone向けアプリで、設定を変更していないのに勝手に背景が黒くなったり、逆に白くなったりしたという声が相次いでいます。
この記事では、iOS版Xでアプリの背景が勝手に黒や白に変わった理由と、背景色を戻す方法をわかりやすく解説します。
目次
Xで背景が勝手に黒くなった・白くなったのはなぜ?
iOS版のXで背景色が急に変わったように見えるのは、Xの配色の設定がアプリ側で制御する仕様から、iPhone本体の外観設定に連動する仕様へ変更されたためです。
以前はXのアプリ内で背景色を切り替えられましたが、アップデートによりその設定が削除され、iPhone本体の配色設定がXに反映されるようになっています。
そのため、iPhone側でダークモードを有効にしているとXも黒背景(ダークモード)になり、iPhone側がライトモードならXも白背景(ライトモード)になります。
以前のようにアプリ内の設定によってXだけダークモードにしたり、逆にXだけライトモードにしたりといった切り替えができなくなっています。
また、iPhoneではダークモードかライトモードを固定で設定するだけでなく、時間帯に応じて自動で切り替える設定も存在しているため、これがオンになっていると時間帯に応じてiPhoneの配色が変わり、Xの背景色もそれに応じて勝手に変わることがあります。
つまり、Xのダークモードやライトモードがなくなったわけでなく、配色を切り替える方法がアプリ内の設定画面からiPhone本体の設定に変わったということになります。
最近のXでは配色の設定の選択肢を減らす動きが相次いでおり、Web版のXではライトモード、ダークブルー、ブラックの3色のうちダークブルーが削除されました。
Xの製品責任者のNikita Bier氏はこの件について、現在のところ2色を超えてサポートする余裕がないと説明しており、X内部の開発リソースの不足から配色設定を削減しているようです。
![Xのテーマ設定の画面のスクリーンショット。[デフォルト][ブラック]の2つのみが表示されており、[ダークブルー]は見当たらない](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-web-dark-blue-removed.png&w=1920&q=75)
Xの背景を黒に戻す・白に戻す方法
iOS版のXアプリから配色の設定が削除されたものの、前述のようにOSの設定に追従するようになったことから、OSの配色設定を変更することでXの配色を変更できます。
iPhoneの設定を開きます
[画面表示と明るさ]を開きます
[外観モード]で[ライト]または[ダーク]を選択します
- 白い背景に黒い文字(ライトモード)にしたい場合:ライト
- 黒い背景に白い文字(ダークモード)にしたい場合:ダーク
勝手に切り替わるのを防ぐ方法
昼間はライトモードなのに夜になるとダークモードになったり、気づいたら背景色が変わっていたりする場合には、iPhoneのダークモードの自動切り替えが有効になっている可能性があります。
時間帯に応じてダークモードとライトモードを自動で切り替える機能は、次の手順でオフにできます。
iPhoneの設定を開きます
[画面表示と明るさ]を開きます
[外観モード]の[自動]をオフにします
まとめ
iOS版のXで背景色が勝手に黒くなったり白くなったりしているのは、Xのアプリ内の配色設定が削除され、iPhone本体の設定に追従するようになったためです。
Xの背景を黒にしたい場合はiPhoneをダークモードに、白にしたい場合はライトモードに変更してください。
背景色が自動で切り替わってしまう場合は、時間帯に応じてダークモードとライトモードを自動で切り替える設定がオンになっていないか確認してみてください。
記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
次の記事
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。





![VS Codeの設定画面で[Workbench > Experimental: Modern UI]が赤い枠線で強調されているスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fvs-code-experimental-modern-ui-setting.png&w=3840&q=75)

![Xアプリの[データ利用の設定]画面のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fimage-1390.png&w=1920&q=75)



![Xの設定の[アクセシビリティ、表示、言語]>[表示]>[フォントサイズ]のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-android-font-size-settings.png&w=3840&q=75)
![Xの設定画面のスクリーンショット。[アクセシビリティ、表示、言語]>[データ利用の設定]の中のようすが示されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-data-saver-high-resolusion-image-settings.png&w=3840&q=75)

