Nenhuma classe específica para modo escuro

[merefield (Robert)]

Continuando a discussão de Como adicionar uma classe de corpo específica para o modo escuro (ou claro)?:

Isso ainda é verdade?

Gostaria de adicionar CSS específico para um widget externo (um mapa leaflet) ao lidar com um tema escuro, ainda não é possível identificar usando apenas um seletor CSS?

Claro, posso apenas criar um Componente de Tema para aplicar as alterações e assumir que o administrador apenas o adiciona ao Esquema Escuro, mas isso não alternará automaticamente… (que é a solução atual)

[awesomerobot (Kris)]

Isso resolveria o que você precisa? Isso precisaria ser adicionado a color_definitions.scss

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

Uma classe realmente parece útil, podemos adicionar uma.

[merefield (Robert)]

Obrigado pela sua sugestão.

Sim, não precisa ser uma classe, desde que eu possa distinguir no CSS.

@awesomerobot

isso precisaria ser adicionado a color_definitions.scss

Pergunta idiota: como posso fazer isso de dentro de um Componente de Tema ou Plugin?

[awesomerobot (Kris)]

Em um tema ou componente remoto, você pode criar um arquivo common/color_definitions.scss — se você estiver procurando adicionar CSS através do painel de administração, há uma seção lá:

[merefield (Robert)]

Obrigado @awesomerobot!