Как динамически изменить переменную элемента корневого элемента при нажатии кнопки? [дублировать] ⇐ CSS

[Anonymous]

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

:root {
--main-color: #0d1117;
--back-color: rgb(46, 46, 46);
--text-color: white;
color: white;
}
< /code>
Выше приведено моим корневым элементом в моем приложении React. < /p>
Где -то есть кнопка. Когда эта кнопка нажимается, я хочу иметь возможность изменить переменные. Например,-back-color 

должен быть зеленым.>

Подробнее здесь: https://stackoverflow.com/questions/685 ... is-pressed