Использование переменной CSS со стилизованными компонентами ⇐ CSS

[Anonymous]

Я знаю, что вы можете обернуть свое реагирующее приложение с помощью , установить переменную для темы и получить к ней доступ следующим образом:

const Текстовый стиль` цвет: ${((реквизит) => props.theme.red)}; ` Но ведь сам CSS имеет функцию переменных?

Вы можете просто сделать

:root { --красный: помидор; } .текст { цвет: var(--красный); } Можно ли их смешивать? или придерживаться стилевых компонентов или CSS?