Как работает динамическое изменение CSS переменных через JS?
- Чтение:
getComputedStyle(el).getPropertyValue('--color') - Запись:
el.style.setProperty('--color', 'blue') - На :root:
document.documentElement.style.setProperty('--color', 'blue') - Реактивно: все элементы, использующие переменную, обновятся автоматически
- Performance: одно изменение custom property может обновить сотни элементов