使用中のテーマが他の色に基づいて背景を計算し、CSSコンポーネントを使用しても特定の色を選択できません

I’m using the Horizon theme which doesn’t have a way to directly pick the background color, this is what it says in the inspector:

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

I tried defining --background-color in a CSS component but it didn’t work, I found my code crossed out in the inspector:

How can I set a specific background color without the theme overwriting it?

EDIT: I found a solution by adding “!important” to my own CSS before the semicolon

「いいね!」 1