Получите все корневые переменные CSS в массиве, используя JavaScript, и измените значения. ⇐ CSS

[Anonymous]

Я использую корневые переменные CSS в своем проекте для динамического изменения цветов всех элементов в любое время.

Мой CSS выглядит так:

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

:root{
--primaryColor:aliceblue;
--secondaryColor:blue;
--errorColor:#cc2511;
}

используется в CSS

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

.contentCss {
background-color: var(--primaryColor);
}

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

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

document.documentElement.style.setProperty('--primaryColor', 'green');

Все работает нормально. Я хочу получить все переменные внутри массива и в соответствии с этим динамически изменять значения каждой переменной.

Подробнее здесь: https://stackoverflow.com/questions/487 ... the-values