Ciao ![]()
Discourse può gestire due schemi di colori: Chiaro e Scuro. Quindi, quando cambi il dispositivo in modalità scura, utilizzerà di default l’impostazione del sito default dark mode color scheme id.
Puoi impostare palette di colori personalizzate aggiuntive su Discourse.
Puoi configurare nuove palette di colori nella pagina /admin/customize/colors.
oppure
Ad esempio, se utilizzi un tema personalizzato, puoi impostarle nel file about.json.
Come facciamo, ad esempio, nel tema FKB Pro.
In questo caso, verranno aggiunte queste palette di colori alla pagina /admin/customize/colors.
Quando queste palette di colori vengono aggiunte, gli utenti possono selezionarle nella pagina delle preferenze utente, se abilitate.
dark-light-choose()
La funzione dark-light-choose() gestisce solo i due schemi di colori chiaro/scuro, non le palette di colori. Ti consiglio di usarla solo per creare variabili di colore personalizzate, non per sovrascrivere quelle predefinite. Per sovrascrivere le variabili di colore predefinite, puoi fare come ho mostrato sopra.
Se un utente imposta una palette di colori diversa da quella predefinita del sito (Chiaro/Scuro) nella pagina delle preferenze utente, allora verranno utilizzate le variabili di colore create con dark-light-choose() per tutte le palette di colori chiare o scure negli schemi di colore.
Questo è uno dei motivi per cui ho creato il seguente componente tema Customization > Theme component.
In questo componente tema puoi prendere di mira separatamente gli color-scheme="id".
Quindi cosa puoi fare è
Creare palette di colori (Chiaro, Dim, Scuro)
Utilizzare il componente sopra per apportare modifiche ai colori della palette Dim
color-scheme="id"o ad altre cose, se necessario.
