Стиль CSS не применен к тегу body в проекте React ⇐ CSS

[Anonymous]

У меня возникла проблема со стилем, определенным в файле CSS, который распознается неправильно.
Похоже, что то, что я определяю в файле CSS, полностью игнорируется.< /p>
Моя идея — управлять темным режимом путем динамического добавления class="dark" к тегу body. Для этого я использую document.body.classList.add('dark') и, проверив код, вижу, что класс правильно добавлен в body тег при нажатии кнопки.
Затем у меня есть файл CSS со следующим кодом:

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

body {
--color-background: #fafafa;
--color-foreground: #8a2be2;
--icon-color: #1f2023;
--secondary-copy: #1f2023;
}

body.dark {
--color-background: #1f2023;
--color-foreground: #8a2be2;
--icon-color: #fafafa;
--secondary-copy: #fafafa;
}

Эти переменные используются внутри нескольких компонентов проекта.
Итак, я ожидал, что, когда класс не добавлен, стиль body берется, а при добавлении класса используется стиль body.dark, но он не работает.
Проверяя код, я заметил, что body.dark отсутствует в таблице стилей, даже если он есть в файле, хотя body присутствует.
Я добавляю image, надеюсь, это поможет понять проблему.
image
Спасибо за помощь.

Подробнее здесь: https://stackoverflow.com/questions/785 ... ct-project