Discourseでライトモードとダークモードに別々のCSSルートを割り当てるヘルプ

開発
1

以下は、メッセージのプロフェッショナルな翻訳です。

現在、Discourse Color Scheme Toggle を使用しています。

ローカルホストでは、ライトモードとダークモードの両方が有効になっています。すでにサイト固有の CSS ルートを設定しました。しかし、ライトモードに 1 つの CSS ルート、ダークモードに別の CSS ルートを割り当てる方法がわかりません。

どなたか助けていただけますか？

2

こんにちは。

文脈を正しく理解しているか定かではありません。もしそうでない場合は、お知らせください。
:root を以下の CSS でラップできます。

/* デフォルトではライト */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

/* ダーク */
@media (prefers-color-scheme: dark) {
  :root {
     --background-color: black;
     --text-color: white;
     ...
   }
}

prefers-color-scheme: light も存在します。

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.