Нет специального класса для тёмной темы

[merefield (Robert)]

Продолжая обсуждение из Как добавить конкретный класс body для тёмного (или светлого) режима?:

Это всё ещё актуально?

Я хочу добавить специфичные CSS-стили для внешнего виджета (карты Leaflet) при использовании тёмной темы. Всё ещё невозможно определить режим только с помощью CSS-селектора?

Конечно, я могу создать компонент темы, чтобы применить изменения, и предположить, что администратор просто добавит его в тёмную схему, но это не будет переключаться автоматически… (что является текущим решением)

[awesomerobot (Kris)]

Это поможет решить вашу задачу? Этот код нужно добавить в color_definitions.scss

@if #{schemeType()} == dark {
    body {
        background: red;
    }
} @else {
     body {
        background: blue;
    } 
}

Хотя класс, кажется, тоже был бы полезен — мы, вероятно, можем его добавить.

[merefield (Robert)]

Спасибо за предложение.

Да, это не обязательно должен быть класс, главное, чтобы я мог различать его в CSS.

@Kris

это нужно добавить в color_definitions.scss

Глупый вопрос: как это сделать из компонента темы или плагина?

[awesomerobot (Kris)]

В удалённой теме или компоненте вы можете создать файл common/color_definitions.scss — если вы хотите добавить CSS через панель администратора, там есть соответствующий раздел:

[merefield (Robert)]

Спасибо @awesomerobot!