Nessuna classe specifica per la modalità scura

[merefield (Robert)]

Continuando la discussione da Come aggiungere una classe body specifica per la modalità scura (o chiara)?:

È ancora così?

Vorrei aggiungere CSS specifico per un widget esterno (una mappa leaflet) quando si ha a che fare con un tema scuro, è ancora non possibile identificarlo usando solo un selettore CSS?

Naturalmente posso creare un Componente Tema per applicare le modifiche e presumere che l’amministratore lo aggiunga semplicemente allo Schema Scuro, ma non cambierà automaticamente… (che è la soluzione attuale)

[awesomerobot (Kris)]

Questo realizzerebbe ciò di cui hai bisogno? Questo dovrebbe essere aggiunto a color_definitions.scss

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

Tuttavia, una classe sembrerebbe utile, probabilmente possiamo aggiungerne una.

[merefield (Robert)]

Grazie per il tuo suggerimento.

Sì, non deve essere una classe purché possa distinguerla in CSS.

@awesomerobot

questo dovrebbe essere aggiunto a color_definitions.scss

Domanda stupida: come posso farlo da un componente del tema o da un plugin?

[awesomerobot (Kris)]

In un tema o componente remoto puoi creare un file common/color_definitions.scss — se stai cercando di aggiungere CSS tramite il pannello di amministrazione c’è una sezione lì:

[merefield (Robert)]

Grazie @awesomerobot!