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

Horizon テーマを使用しており、背景色を直接選択する方法がありません。インスペクターには次のように表示されます。

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

CSSコンポーネントで --background-color を定義しようとしましたが、うまくいきませんでした。インスペクターでコードが取り消し線で表示されました。

テーマに上書きされずに特定の背景色を設定するにはどうすればよいですか?

編集:セミコロンの前に独自のCSSに「!important」を追加することで解決策を見つけました。

「いいね!」 1