Variabili personalizzate per schemi di colori

Penso che una funzionalità in cui potremmo aggiungere variabili CSS personalizzate agli schemi di colore sarebbe utile.

Il mio caso d’uso è che ho un’intestazione personalizzata sul mio forum e voglio che il logo della nostra azienda sia blu nello schema di colori chiaro e bianco nello schema di colori scuro. Dato che non c’è modo di scrivere CSS che prenda di mira uno schema di colori specifico, non vedo come posso farlo attualmente. Quello che potrei fare è avere un tema scuro e uno chiaro separati, ma poi perdo la capacità di utilizzare la modalità scura automatica, che può solo cambiare schema di colori e non tema.

In alternativa, avere una classe CSS in html o body che indichi lo schema di colori selezionato risolverebbe anche questo problema poiché potrei scrivere CSS che prenda di mira lo schema di colori specifico.

1 Mi Piace

Se hai solo bisogno di modificare il logo, ci sono slot dedicati per i loghi con schema scuro nelle impostazioni del backend:

1 Mi Piace

Puoi avere CSS che si comporta in modo diverso in modalità chiara/scura, se ciò può essere d’aiuto: abbiamo un foglio di stile speciale chiamato color_definitions… c’è un esempio di come potresti usarlo qui: Why might dark-light-choose() not work? - #2 by awesomerobot

6 Mi Piace

Grazie, non sapevo che si potesse già fare, è esattamente quello di cui avevo bisogno! Anche il logo a tema scuro è un buon punto, non sapevo che esistesse.

1 Mi Piace