Подскажите, пожалуйста, что не так с моим файлом CSS? Когда я называю основной цвет, он не отображается в моем html

Question

Я использую таблицу стилей css, которая находится здесь: https://codepen.io/lorenzoyeung/pen/zYqxNQg

Но когда я делаю что-то вроде

background-color: primary;
  border-color: secondary; 

, он выиграл ' т работать. Почему это? Это лист CSS, который я собираюсь использовать для своего веб-приложения plotly.

Answer 1

Правильный синтаксис для использования CSS переменных: var (- имя_переменной). Для вашего запроса правильный синтаксис должен быть:

background-color:var(--primary);
color:var(--secondary);

Answer 2

Попробуйте использовать систему RGB с синтаксисом вроде: background-color: rgb (0, 255, 0) или такими словами, как: background-color: red