Переопределить переменные S CSS в PrimeReact

Question

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

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

:root {
  --primaryColor: green;
  --primaryTextColor: #ffffff;
  --panelContentBorder: 1px solid #c8c8c8;
}

К сожалению, мои изменения не применяются, например, при работе с классом кнопок (который работает с основным цветом). Я также читал, что переопределения должны произойти до фактического класса.

Как я могу это сделать? Нужно ли запускать команду S CSS?

Answer 1

Вы можете переопределить переменную для более точного указания c rule

например

:root {
  --primaryColor: green;
  --primaryTextColor: #ffffff;
  --panelContentBorder: 1px solid #c8c8c8;
}

.somePage {
  --primaryColor: blue;
  // So primaryColor will be blue for all rules in scope of .somePage
}

Answer 2

Насколько я помню, вы можете переопределять переменные в файлах переопределения / _layout_variables.s css или перезаписи / _theme_variables.s css. Также вам может потребоваться обновить вашу версию до последней версии.