はじめに
このガイドでは、ダークモード、選択方法、有効化方法について説明します。
ダークモードとは？
Forbes の説明によると、
ダークモードの考え方は、可読性に必要な最小限の色コントラスト比を維持しながら、デバイス画面から発せられる光を減らすことです。
ダークモードは、基本的にデバイス上の主に暗いテーマ（通常は黒またはグレー）で、コントラストのために明るいテキストが表示されます。Discourse には、ライトとダークの両方のカラースキームを持つ多くのテーマがあります。
ダークモードの選択方法
Discourse フォーラムでは、まず管理者がインストールする必要があります。admin/customize/themes の下で、管理者は人気テーマのリストの下にある「Dark」を選択できます。
その後、my/preferences/interface に移動してテーマを変更する必要があります。このページが表示されるはずです。
（モバイル）
その後、現在のテーマが表示されているドロップダウン、または「Theme」ドロップダウンを選択します。私の場合は、Meta Branded です。
次に、ドロップダウンから Dark、またはダークカラー スキームを持つ任意のテーマを選択します（これについては後ほど説明します）。
選択したテーマを選択した後、「Regular」ドロップダウンをクリックします。名前に「Dark」という単語が含まれる任意のカラースキームを選択します。一般的なものには、「Dark」、「WCAG Dark」、「Solarized Dark」などがあります。
ライトモードのカラースキームを選択しても、このガイドに従っても良い結果は得られません。このガイドではダークモードを使用するため、「Dark」を選択することをお勧めします。
これらすべてを行った後、ページの下部にある「変更を保存」ボタンをクリックできます。これにより、Discourse はダークモード（または、より正確にはダークカラー スキーム）になります。
ダークモードのドロップダウンは何のため？
おそらく疑問に思っていることでしょう。
簡単に言うと、そこに設定したカラースキームは、デバイスがダークモードのときにアクティブになります。選択したカラースキームは、デバイスがダークモードのときに「Regular」ドロップダウンで選択したカラースキームを上書きします。
一般的に、これを変更することはありません。ただし、「Regular」でカラースキームを選択し、カラー スキームを変更するたびに切り替えることなく「ダークモード」でも同じようにしたい場合は、「ダークモード」ドロップダウンを「Regular と同じ」に設定して、Discourse が「Regular」で選択したスキームに従うようにすることができます。
デバイスがライトモードの場合、「ダークモード」ドロップダウンは効果がありません。
では…テーマにダークカラー スキームがあるかどうかを確認するにはどうすればよいですか？
ああ、はい！基本的に、テーマを選択してサポートされているカラースキームを確認し、ダークカラー スキームがあるかどうかを確認できます。WCAG Dark はアクセシビリティ ガイドラインに従ったカラースキームであるため、「WCAG Dark」を探すのが良いでしょう。
ダーク/ライト トグル
このコンポーネントがコアにマージされたので、インストールする必要はありません。
トグルに関する詳細については、このトピックを参照してください。
結論
これで完了です！テーマをダークモードに変更する場所を見つけ、さまざまなカラースキームを試すことができました。
情報源と引用
Forbes: What Is Dark Mode – And Should You Be Using It? – Forbes Advisor UK
管理者のためのダークモードの追加: Looking for default dark theme - #2 by JammyDodger
このガイドの情報は、画像キャプションを除き、AI によって生成されたものではありません。その他のすべての情報はオリジナルであり、そうでない場合は上記のリンクを参照しています。
