Как переопределить переменные темы в Tailwindcss V4 - @Theme vs @layer Theme vs: root ⇐ CSS

[Anonymous]

Я пытаюсь понять, как правильно переопределить переменные CSS в Tailwindcss v4. Вот простой пример объявления переменной темы с @theme :

Код: Выделить всё

@theme {
--color-clifford: #bf79ea;
}
< /code>
Это прекрасно работает для темы по умолчанию. Однако, когда я хочу переопределить эту переменную для варианта тьмы: 

, я столкнулся с ответом, который предложил следующее решение:

Код: Выделить всё

@layer theme {
:root, :host {
@variant dark {
--color-clifford: #7718b0;
}
}
}

Может ли кто -нибудь объяснить причину этого решения?


Подробнее здесь: https://stackoverflow.com/questions/796 ... theme-vs-r