Benutzerdefinierte Variablen für Farbschemata

Merkmal
1

Ich denke, eine Funktion, mit der wir benutzerdefinierte CSS-Variablen zu Farbschemata hinzufügen könnten, wäre nützlich.

Mein Anwendungsfall ist, dass ich einen benutzerdefinierten Header auf meinem Forum habe und möchte, dass das Firmenlogo im hellen Farbschema blau und im dunklen Farbschema weiß ist. Da es keine Möglichkeit gibt, CSS zu schreiben, das ein bestimmtes Farbschema anspricht, sehe ich nicht, wie ich das derzeit tun kann. Ich könnte separate dunkle und helle Themen haben, aber dann verliere ich die Möglichkeit, den automatischen Dunkelmodus zu verwenden, der nur das Farbschema und nicht das Thema umschalten kann.

Alternativ würde auch eine CSS-Klasse in html oder body, die das ausgewählte Farbschema anzeigt, dieses Problem lösen, da ich CSS schreiben könnte, das auf das spezifische Farbschema abzielt.

1 „Gefällt mir“
2

Wenn Sie nur das Logo ansprechen müssen, gibt es im Backend spezielle Felder für Logos mit dunklem Schema:

image
image726×617 8.23 KB

1 „Gefällt mir“
3

Sie können CSS haben, das sich im hellen/dunklen Modus unterschiedlich verhält, wenn das hilft — wir haben eine spezielle Stylesheet namens color_definitions… hier ist ein Beispiel, wie Sie das verwenden könnten: Why might dark-light-choose() not work? - #2 by awesomerobot

6 „Gefällt mir“
4

Danke, ich wusste nicht, dass man das schon kann, das ist genau das, was ich brauchte! Das dunkle Designlogo ist auch ein guter Punkt, ich wusste nicht, dass es das gibt.

1 „Gefällt mir“