カスタムCSS変数を使用して配色を設定できる機能は便利だと思います。
私のユースケースとしては、フォーラムにカスタムヘッダーがあり、会社のロゴをライト配色では青、ダーク配色では白にしたいと考えています。特定の配色を対象とするCSSを記述する方法がないため、現時点ではこれがどのように実現できるかわかりません。ダークテーマとホワイトテーマを別々に用意することもできますが、そうすると配色を切り替えることはできてもテーマを切り替えることができない自動ダークモードを使用する能力を失ってしまいます。
あるいは、htmlまたはbodyに選択された配色を示すCSSクラスがあれば、特定の配色を対象とするCSSを記述できるため、この問題も解決できます。
「いいね！」 1
manuel
(Manuel Kostka)
2
ロゴのみを調整する必要がある場合は、バックエンド設定にダークスキームロゴ用の専用スロットがあります。
「いいね！」 1
ライトモード/ダークモードで異なる動作をするCSSを作成することは可能です。color_definitions という特別なスタイルシートがあります。こちらでその使用例を確認できます: Why might dark-light-choose() not work? - #2 by awesomerobot
「いいね！」 6
それがすでにできることを知りませんでした、まさに私が必要としていたものです！ダークテーマのロゴも良い点ですね。存在を知りませんでした。
「いいね！」 1
