Interruttore modalità Oscuro/Chiaro

Adoro questo componente! :heart_eyes: Ma ho un piccolo problema.

Sembra che il componente funzioni solo quando l’opzione “Abilita schema colore modalità scura automatica” è attivata. Il mio problema si verifica quando l’opzione è attivata e quando la preferenza di sistema è impostata su modalità scura (ad esempio, schema colore preferito: scuro).

Nello scenario sopra, quando provo a passare a un tema chiaro tramite Preferenze > Interfaccia > Tema, non succede nulla, il che va bene per me. Presumibilmente, poiché la mia preferenza di sistema è già impostata sulla modalità scura, il passaggio alla modalità chiara in Discourse non la sovrascrive.

Quando faccio lo stesso con il componente Dark / Light Mode Toggle, e se la mia preferenza del tema in Discourse è impostata su Chiaro, l’interruttore mi consente effettivamente di passare alla modalità chiara (il che è ancora meglio a mio parere), ma il logo del sito nell’intestazione rimane in modalità scura e difficile da vedere in modalità chiara. Quando guardo nell’ispettore, vedo che l’elemento appare così:

<div class="title"><a href="/" data-auto-route="true"><picture><source srcset="<link to image>" media="(prefers-color-scheme: dark)"><img src="<link to image>" id="site-logo" class="logo-big"></picture></a></div>

Ho notato la parte media=“(prefers-color-scheme: dark)” anche se ora siamo in modalità chiara impostata dall’interruttore.

Dovrei aggiungere che il logo del sito normalmente passa bene tra modalità chiara e scura quando l’opzione “Abilita schema colore modalità scura automatica” in Discourse è deselezionata. Ma questo impedisce la visualizzazione del componente Dark / Light Mode Toggle :man_shrugging:t2:

Inoltre, se la mia preferenza del tema in Discourse è impostata su Scuro da Preferenze > Interfaccia > Tema, e anche la mia preferenza di sistema è scura, l’interruttore non passa tra chiaro e scuro, rimane sempre sulla modalità scura.

Idealmente, preferirei che il componente Dark / Light Mode Toggle funzionasse come fa ora, ma che il logo del sito nell’intestazione seguisse l’impostazione chiara/scura attualmente attiva, non lo schema colore preferito dal sistema dell’utente.

1 Mi Piace