Невозможно изменить тему с помощью флажка: отмечено [дубликат] ⇐ CSS

[Anonymous]

При попытке изменить переменную с помощью флажка: отмечено, что переменная не изменяется для элемента body.
HTML:

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

Project Manager




 


App Title

CSS:

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

:root {
--primary: black;
--secondary: white;
}

body {
background: var(--secondary);
}

header {
color: var(--primary);
background: var(--secondary);
}

.checkbox:checked ~ * {
--primary: black;
--secondary: white;
}

Это работает для всех остальных элементов, но не для тела. Как я могу изменить переменную и для тела. Использование js — последний вариант, но может ли кто-нибудь помочь мне с CSS. Таким образом, согласно коду, когда флажок установлен, фон и цвет элементов должны быть изменены, но фон не изменяется.

Подробнее здесь: https://stackoverflow.com/questions/790 ... boxchecked