Modalità scura per la versione mobile moderna dei tuoi forum

Da **MattiaDes** Lun 18 Gen 2021 - 17:08

Modalità scura nella versione mobile moderna dei tuoi forum

Cari utenti,

Da alcuni giorni è disponibile su tutti i forum Forumattivo una piccola novità che riguarda la versione mobile. È ora possibile cambiare il tema della versione mobile passando alla "modalità scura". La "modalità oscura", o in inglese, "dark mode" (nota anche come modalità notturna) consente di visualizzare i contenuti con colori e toni scuri.

A cosa serve la modalità oscura?

Questa modalità di visualizzazione è particolarmente utile quando navighi nei tuoi forum prima di andare a letto o in qualsiasi altra situazione in cui stai cercando di ridurre l'affaticamento degli occhi.

L'altro vantaggio dell'utilizzo della modalità scura è che riduce il consumo energetico. Quindi passa alla modalità scura quando stai esaurendo la batteria o desideri prolungare la durata della batteria del tuo smartphone.

Infine, la dark mode potrebbe essere l'ideale per te come modalità di visualizzazione principale se preferisci i temi scuri.

Come attivare la modalità scura sulla versione mobile del tuo forum Forumattivo?

Il passaggio dalla modalità "normale" alla modalità "scura" e viceversa si può effettuare dalla versione mobile del forum facendo clic sul pulsante "Modalità scura" nel menu principale.

	Gli amministratori che hanno personalizzato il template overall_footer della versione mobile dovrebbero prendere in considerazione le modifiche seguenti.

Da **MattiaDes** Lun 18 Gen 2021 - 17:09

Se hai personalizzato il template overall_footer della tua versione mobile prima di questo aggiornamento (Pannello di amministrazione ► Visualizzazione ► Templates ► Versione mobile ), apporta le seguenti sostituzioni:

AGGIUNGI QUESTO CODICE:

Codice:: case '-288px 0px': $(this).html('brightness_6'); break;

DOPO QUESTO CODICE:

Codice:: function alterMenuIcons() { $('#mNavbar').find('.navBtnIcon').each(function() { switch ($(this).css('backgroundPosition')) { case '-32px 0px': $(this).html(''); break; case '-64px 0px': $(this).html(''); break; case '0px 0px': $(this).html(''); break; case '-96px 0px': $(this).html(''); break; case '-128px 0px': $(this).html(''); break; case '-160px 0px': $(this).html(''); $(this).addClass('BtnNotif'); break; case '-192px 0px': $(this).html(''); break; case '-224px 0px': $(this).html(''); break; case '-256px 0px': $(this).html('chat'); break;

Modalità scura per la versione mobile moderna dei tuoi forum