Тема, которую я использую, рассчитывает фон на основе других цветов и не позволяет выбрать конкретный цвет, даже с помощью CSS Component

Я использую тему Horizon, в которой нет возможности напрямую выбрать цвет фона. Вот что отображается в инспекторе:

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

Я пытался определить переменную --background-color в CSS-компоненте, но это не сработало: мой код в инспекторе перечёркнут:

Как установить конкретный цвет фона, чтобы тема не перезаписывала его?

РЕДАКТИРОВАНИЕ: Я нашёл решение, добавив «!important» к своему CSS перед точкой с запятой.

1 лайк