次のようなダークテーマがあります。
ユーザープロファイルでテーマを選択すると、上記のように表示され、期待どおりです。
しかし、「ダークモードカラースキームを自動的に有効にする」プロファイルオプションを介して自動的に有効にすると、次のようになります。
UIのほとんどが暗くなりますが、ライトテーマのCSSが適用されるため、ヘッダーは次のようになります。
Discourseが自動選択時に、CSSなどを含めて厳密にダークテーマを選択するようにする方法はありますか？
参考までに、ライトテーマのオプションは次のとおりです。
ダークテーマのオプションは次のとおりです。
2つの異なるカラーパレットを使用しているようです。Joplin DefaultとSimple Darkです。これらは異なりますか？
はい、Joplinのデフォルトカラーテーマのデフォルトテーマはライトテーマであり、もう一つはダークテーマです。2つの異なるカラースキームがあるのは普通だと思いますか？
大変申し訳ありません！管理画面のこの領域は分かりにくいのですが、現在改善に取り組んでいます。私の理解が正しいことを願っていますが、現在の機能について私の言葉で説明させてください。
変更点の一つは、「カラースキーム」ではなく「カラーパレット」のみを使用するようになったことです。これはUIでもまもなく変更されます。現時点では、パレットとスキームは同じものです。
Discourse のダークモードサポートを活用するには、以下の方法が最も効果的でした。
default dark mode color scheme id サイト設定でダークモードのカラーパレットを指定するダークテーマをカラーパレット以外でカスタマイズしており、ライトモードテーマにダークカラーを使用させたくない場合は、ダークモードセレクターを使用できません。その場合は以下のようにします。
default dark mode color scheme id 設定は指定しない最後に、ライトまたはダークテーマのいずれかのみが必要な場合は、テーマとパレットを1つだけ有効にし、default dark mode color scheme id サイト設定でパレットを指定しないでください。
お返事ありがとうございます。実際には3つの異なるテーマがあり、そのうち2つはCSSでカスタマイズされています（ハロウィンやクリスマスのヘッダーを変更するため）。したがって、私の理解が正しければ、このセットアップでは自動ダークテーマを正しく機能させることはできないということでしょうか？
理想的ではありませんが、これで我慢できると思います。おそらく、ライトモードのヘッダーがダークモードでも機能するように、ヘッダーを変更する必要があるでしょう。
いいえ、ライトとダークのカラーパレットを提供しない場合。はい、提供する場合。
メインのカラーパレットは、「Joplin Default」（デフォルトのライトテーマで使用）と「Simple Dark」（デフォルトのダークテーマで使用）です。
上記で言及した問題を解決するために、ここで何か設定する必要はありますか？
フォーラムの設定におけるライトとダークのデフォルトカラーパレットについて説明します。テーマの設定でライトをデフォルトに設定します。スイッチャーの使用を開始します。それだけです。
ユーザーが個人設定でカラーパレットを変更すると、問題が発生します。それは…ひどいシステムすぎますが、理解するのが難しいシステムです。そして私の意見では、カラー設定があちこちにありすぎて、フォールバックが多すぎます。パレットはテーマでのみ設定されるべきです。確かに、それはユーザーの色の選択肢を制限しますが…
ヘッダーをどのようにカスタマイズしましたか？問題は、ヘッダーのカスタマイズが選択したテーマに依存していることですが、ダーク/ライトトグルはカラーパレットを変更するだけです。設定でライトテーマとダークパレットを組み合わせて選択した場合も、結果は同じです。
Versatile Banner は、ライトまたはダークのカラーパレットがアクティブかどうかに応じて、異なる背景画像と色を使用します。ヘッダーでも同様のことを行うことができます。
はい、ヘッダーは各テーマのカスタムCSSで設定されています。現在のカラーパレットがダークかライトかを識別する方法はありますか？
以下を試しました。
@media (prefers-color-scheme: dark) {
.d-header {
background-image: url(https://imgur.com/LdcvIcp.png); /* ダーク背景画像 */
}
}
しかし、ダークカラーパレットがアクティブなときは機能しませんでした。念のため、@media (prefers-color-scheme: light)でも同じことを試したところ、機能しました。そのため、ダークカラーパレットは、何らかの方法でライトカラースキームとして識別されているようです。現在のカラーパレットがダークであることを知る他の方法はありますか？
HTMLを確認し、「dark」を検索しましたが、有用なものは何も見つかりませんでした。.is-dark-themeのような、ダークカラースキームであることを示すトップセレクターがあればと思っていました。
多用途バナーの背景変更機能は機能しますか？コンポーネントをインストールし、ダークモード用の背景画像を追加して、プレビューで試すことができます。
その後、例えば Update themes and plugins to support automatic dark mode - #5 by pmusaraj で説明されており、バナーにも使用されている dark-light-choose を使用できます。