Questo componente consente il passaggio automatico a un tema scuro quando il browser è impostato sulla modalità scura. Funziona solo per gli utenti registrati su tutti i browser che supportano la query media prefers-color-scheme.
Per impostazione predefinita, questo componente è abilitato e i singoli utenti possono disattivarlo nella schermata Preferenze > Interfaccia. Gli amministratori possono anche impostare il componente come disabilitato di default; in tal caso, gli utenti vedranno un pulsante per abilitare il passaggio automatico nelle preferenze dell’interfaccia.
Come funziona?
Se il browser è in modalità scura, questo componente ricaricherà Discourse con il tema scuro abilitato. Se il browser torna alla modalità chiara, questo componente ricaricherà con il tema predefinito abilitato.
Ricaricherà anche se la modalità scura viene attivata o disattivata mentre l’utente è sul sito (come mostrato nel video sopra).
(Se hai più di due temi abilitati e l’utente ha selezionato un tema diverso da quello predefinito o scuro, questo componente non farà nulla, ovvero rispetterà la scelta dell’utente.)
Configurazione
Assicurati di avere un tema scuro installato e che sia selezionabile dagli utenti
Aggiungi questo componente sia al tema predefinito che al tema scuro (molto importante: se non lo aggiungi a entrambi i temi, gli utenti non potranno tornare al tema predefinito)
Nelle impostazioni del componente, inserisci l’ID del tuo tema scuro in dark theme id
I just pushed a small update to this theme component to make it compatible with iOS 13 (which will ship with Dark Mode as well as an option to automatically enable it in the evenings).
Thanks for this awesome component, I’ve been looking for this! Unfortunately I can’t seem to get it to work. Perhaps something trivial but where do I find the dark theme id? Is that just the name of the theme?
Google Chrome now supports dark mode on iOS 13 and iPadOS 13. I’m not too sure about dark mode support for Google Chrome on MacOS Mojave or MacOS Catalina though.
it should work in Chrome already, under the hood it uses the prefers-color-scheme media query and browser support for it is pretty good nowadays: Can I use... Support tables for HTML5, CSS3, etc
Yeah, I also really hope that this becomes part of the standard Discourse install. Some people only like to update their forums and don’t really go beyond that.
@pmusaraj one thing I noticed is that the switching only works for logged in users, is there a way to also have it automatically set for anonymous users that haven’t created an account yet (e.g. switch to dark theme while using a private browser window)?
Questo componente sembra creare un problema con la versione 2.4.0.beta11+39. Nella mia community riservata solo agli utenti registrati, la schermata di accesso all’indirizzo https://mydomain/login risulta vuota. Funziona normalmente quando questo componente viene disattivato.
Non riesco a riprodurlo localmente con l’ultima versione di Discourse e l’ultima versione del componente. Quando la schermata di accesso è vuota, compare un errore nella console del browser?
Aggiornamento: il problema che Thomas stava riscontrando è stato ora risolto nel componente. Grazie per la segnalazione!
Discourse ora supporta Automatic Dark Mode color scheme switching nel core; questo componente è ora deprecato e non dovrebbe più essere utilizzato.
