Das Theme, das ich verwende, berechnet den Hintergrund anhand anderer Farben und lässt mich keine bestimmte Farbe auswählen, selbst mit CSS Component

Ich verwende das Horizon-Theme, das keine Möglichkeit bietet, die Hintergrundfarbe direkt auszuwählen. Dies steht im Inspektor:

html { –background-color: light-dark( oklch(from #002F43 96% calc(c \* 0.125) h), oklch(from #002F43 10% 0.025 h) ) !important; }

Ich habe versucht, --background-color in einer CSS-Komponente zu definieren, aber es hat nicht funktioniert. Ich habe meinen Code im Inspektor durchgestrichen gefunden:

Wie kann ich eine bestimmte Hintergrundfarbe festlegen, ohne dass das Theme sie überschreibt?

EDIT: Ich habe eine Lösung gefunden, indem ich „!important“ zu meinem eigenen CSS vor dem Semikolon hinzugefügt habe.

1 „Gefällt mir“