ダークモード用の特定のクラスはありません

How to add a specific body class for the dark (or light) mode? からの議論の続きです。

これはまだ当てはまりますか?

ダークテーマを扱う際に、外部ウィジェット(Leafletマップ)に特定のCSSを追加したいのですが、CSSセレクターだけで識別することはまだ可能ではありませんか?

もちろん、変更を適用するためにテーマコンポーネントを作成し、管理者がそれをダークスキームに追加すると仮定することもできますが、自動的に切り替わるわけではありません…(これは現在のソリューションです)

「いいね!」 5

これでご要望のことが達成できますでしょうか? color_definitions.scss に追加する必要があります。

@if #{schemeType()} == dark {
    body {
        background: red;
    }
} @else {
     body {
        background: blue;
    }
}

クラスは役立ちそうですね。追加できるかもしれません。

「いいね!」 6

ご提案ありがとうございます。

はい、CSSで区別できる限り、クラスである必要はありません。

愚かな質問ですが、テーマコンポーネントやプラグイン内からどうすればそれができますか?

「いいね!」 3

リモートテーマまたはコンポーネントでは、common/color_definitions.scss というファイルを作成できます。管理パネルから CSS を追加したい場合は、そこにセクションがあります。

「いいね!」 4

@awesomerobotさん、ありがとうございます!

「いいね!」 3

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