Spiegazione della modalità scura, come selezionarla e come abilitare il passaggio

Introduzione

Questa guida tratta la modalità scura, come selezionarla e come attivarla.

Che cos’è la modalità scura?

Come spiega Forbes,

L’idea alla base della modalità scura è ridurre la luce emessa dagli schermi dei dispositivi, mantenendo al contempo i rapporti di contrasto cromatico minimi necessari per la leggibilità.

La modalità scura è essenzialmente un tema prevalentemente scuro sul tuo dispositivo (solitamente nero o grigio), con testo chiaro per creare contrasto. Discourse offre molti temi che includono sia schemi di colori chiari che scuri.

Come si seleziona la modalità scura?

Nel tuo forum Discourse, il tuo amministratore deve prima installarla. In admin/customize/themes, l’amministratore può scegliere «Scuro» nell’elenco dei temi popolari.
Successivamente, dovrai andare su my/preferences/interface per cambiare il tema. Dovresti vedere questa pagina.
(Mobile)

Dopo di ciò, seleziona il menu a tendina in cui è visualizzato il tema corrente, oppure sotto il menu a tendina «Tema». Nel mio caso, è «Meta Branded».
Poi, scegli dal menu a tendina «Scuro» o qualsiasi tema che abbia uno schema di colori scuro (scopriremo come fare tra un attimo).
Dopo aver selezionato il tema desiderato, fai clic sul menu a tendina «Normale». Seleziona uno schema di colori che contenga la parola «Scuro». Quelli comuni includono «Scuro», «WCAG Scuro» e «Solarized Scuro».

:warning: Selezionare uno schema di colori per la modalità chiara non darà buoni risultati seguendo questa guida. Si consiglia di selezionare «Scuro» per questa guida, poiché è quello che useremo.

Dopo aver fatto tutto ciò, puoi fare clic sul pulsante Salva modifiche in fondo alla pagina. Questo farà sì che Discourse passi alla modalità scura (o, meglio, a uno schema di colori scuro).

A cosa serve il menu a tendina «Modalità scura»?

So che probabilmente te lo stai chiedendo.
Per dirla semplicemente, lo schema di colori impostato lì viene attivato quando il tuo dispositivo è in modalità scura. Lo schema di colori selezionato sovrascriverà quello scelto nel menu a tendina «Normale» quando il tuo dispositivo è in modalità scura.
In genere, non dovresti modificarlo. Tuttavia, se hai selezionato uno schema di colori in «Normale» e desideri che sia lo stesso in «Modalità scura» senza dover continuare a cambiare quando cambi schema di colori, puoi impostare il menu a tendina «Modalità scura» su «Come normale», in modo che Discourse segua lo schema selezionato in «Normale».
Se il tuo dispositivo è in modalità chiara, il menu a tendina «Modalità scura» non avrà alcun effetto.

Quindi… come faccio a verificare se un tema ha uno schema di colori scuro?

Ah, sì! Fondamentalmente, puoi selezionare un tema e dare un’occhiata agli schemi di colori supportati, verificando se ce ne sono di scuri. Un buon indicatore è cercare «WCAG Scuro», poiché è uno schema di colori che segue le linee guida per l’accessibilità.

Interruttore Chiaro/Scuro

Ora che questo componente è stato unito al core, non è necessario installarlo.

Consulta questo argomento per ulteriori informazioni sull’interruttore:

Conclusione

Ed ecco fatto! Sei riuscito a individuare l’area per cambiare il tema in modalità scura e hai sperimentato diversi schemi di colori!


Fonti e Citazioni

Forbes: https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/
Aggiunta della modalità scura per gli amministratori: Looking for default dark theme - #2 by JammyDodger

Tutte le informazioni contenute in questa guida non sono state generate dall’IA, ad eccezione delle didascalie delle immagini. Tutte le altre informazioni sono originali e, dove non lo sono, sono collegate sopra.

6 Mi Piace

Potrebbe essere solo una mia impressione, tuttavia l’immagine non sembra caricarsi dalla mia parte:

4 Mi Piace

L’ho ricaricato. Prova di nuovo?

5 Mi Piace

Funziona ora! :grinning_face_with_smiling_eyes:

4 Mi Piace

Ho aggiornato il post con la recente integrazione del componente nel core.

4 Mi Piace