記事ページのダークモード対応をベータ版として公開します
![](https://blog.qiita.com/wp-content/uploads/2023/02/OGP-article-page-dark-mode-beta-1024x576.png)
こんにちは、Qiita運営です。
今日はベータ版として記事ページをダークモードに対応させることをお知らせします。
背景
昨今、ダークモードに対応したサービスが増えています。
Qiitaへもダークモードの要望を多くいただいており、まずは記事ページのみ限定的に対応をすることにしました。
※下記追加対応を行いました。
- 各種フィードページ(3月10日)
- ユーザーページ、タグページ(4月6日)
- 質問ページ(4月18日)
- 記事の下書きページ、編集履歴ページ、編集リクエストページ、いいねしたユーザーページ(5月10日)
- 一部ページのチラつき軽減(5月23日)
- 検索ページ、公式イベント詳細ページ、通知一覧ページ、設定ページ(5月29日)
- 記事・質問のエディタページ(6月20日)
- 全ページのチラつき解消(8月14日)
適用方法
ベータ版を有効化する他、OSの設定を変更した上で記事ページへアクセスしてください。
多くのサイトと同様、OSの設定にあわせてサイトのテーマを変更しています。
そのためベータ版を有効にするだけでなく、OSの設定も変更していただく必要があります。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-comparison-1024x390.png)
OSの設定の変更方法
お使いのバージョンなどにより細かな部分が違う場合もありますが、基本的な設定方法は同じです。
Windows
デスクトップ左下のWindowsロゴをクリックし、開いたメニューから歯車のマークをクリックします。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-windows01-1024x504.png)
Windowsの設定 > 個人用設定を選びます。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-windows02-1024x552.png)
色 > 色を選択するをクリックします。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-windows03-1024x552.png)
ダークまたはカスタムを選びます。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-windows04-1024x552.png)
ウィンドウの色が暗くなればOKです。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-windows05-1024x552.png)
macOS
システム環境設定 > 一般を選びます。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-mac01-1024x460.png)
外観モードのダークまたは自動を選びます。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-mac02-1024x441.png)
ウィンドウの色が暗くなればOKです。
![](https://blog.qiita.com/wp-content/uploads/2023/02/dark-mode-mac03-1024x441.png)
最後に
今回は記事ページのみの対応ですが、追って他のページもダークモード対応を実施していく予定です。
全体的に適用できた後、いただいたフィードバックなどをもとに正式公開の判断を実施します。
ぜひ一度ご利用いただき、フィードバックをいただけますと幸いです。
ベータ版への切り替えは、設定ページより行うことができます。
![ヘッダーにある「ベータ版フィードバック」のリンクよりフィードバックが可能](https://blog.qiita.com/wp-content/uploads/2022/06/qiita-beta-feedback-1024x64.png)
これからも改善に取り組んでいきます。
ご意見・ご要望がありましたらQiita Discussionsよりいつでもお寄せください。