Ora puoi configurare il tuo sito Discourse per cambiare automaticamente lo schema dei colori quando il dispositivo dell’utente è in modalità scura. Per un’anteprima rapida, vai all’istanza try.discourse.org e attiva e disattiva la modalità scura del tuo dispositivo per vedere questa nuova funzionalità in azione. (Questa funzionalità non è abilitata su meta.)
Abilitazione della modalità scura automatica
Per abilitare questa funzionalità sulla tua istanza, puoi selezionare lo schema dei colori per la modalità scura nelle impostazioni del tuo sito:
Una volta impostata questa opzione, puoi ricaricare il tuo sito con un dispositivo in modalità scura e dovresti vedere lo schema dei colori scuri in uso.
Se il logo che funzionava bene con uno schema chiaro non funziona altrettanto bene su uno sfondo scuro, ora puoi caricare alternative nelle nuove impostazioni disponibili nel core.
I file caricati in queste impostazioni sostituiranno l’impostazione regolare con lo stesso nome se: a) l’interruttore automatico per la modalità scura è abilitato e il dispositivo dell’utente è in modalità scura, oppure b) l’utente sta utilizzando un tema scuro (anche se non in modalità scura). I siti che in precedenza utilizzavano https://meta.discourse.org/t/alternative-logos-for-dark-light-themes/88502 possono ora passare all’uso delle impostazioni del sito core e rimuovere quel componente.
Alcuni utenti potrebbero non voler passare automaticamente a uno schema di colori scuri quando il loro browser è in modalità scura. Possono disabilitare questa funzionalità deselezionando l’opzione “Abilita schema colori automatico per la modalità scura” nella schermata Preferenze > Interfaccia:
Selettore dello schema colori scelto dall’utente
Per utilizzare questa funzionalità, devi creare più schemi di colori nel tuo sito e contrassegnarli come selezionabili dagli utenti:
Una volta fatto, gli utenti dovrebbero vedere due menu a tendina nella pagina Preferenze > Interfaccia:
Vedi anche Update themes and plugins to support automatic dark mode