Interruttore modalità Oscuro/Chiaro

Saluti caro team di Discourse e partecipanti al forum :raising_hand_man:

Recentemente ho notato che link rapido per aprire l’editor per un messaggio personale non è compatibile con il componente del tema Dark/Ligt Mode Toggle se sto usando uno smartphone con il sistema operativo Android installato. Per essere più precisi, quando si fa clic sul link, il compositore di messaggi si apre per una frazione di secondo e si richiude in una bozza. Ho controllato tutti i componenti del tema e i plugin e ho scoperto che il compositore si comporta in questo modo solo con il componente Dark/Ligt Mode Toggle abilitato su Android. Ecco un video:

Nel video ho mostrato 2 scenari.

  1. Quando si fa clic per la prima volta sul link, il compositore si apre rapidamente e nello stesso momento si richiude.
  2. Quando si fa di nuovo clic sul link, il compositore si apre dalla bozza salvata e dopo aver eliminato la bozza precedente, il compositore si apre in modalità normale.
4 Mi Piace

Ciao, puoi aiutarmi a implementare questo a livello di sito? Grazie.

2 Mi Piace

Grazie per aver segnalato questo bug, piuttosto strano e interessante!

3 Mi Piace

Grazie mille per questo componente :pray: :slightly_smiling_face:
L’ho appena installato e funziona abbastanza bene su desktop e Android.

4 Mi Piace

Vedi screenshot:

Quindi, stai dicendo che l’impostazione del toggle non aggiunge alcuna opzione di impostazione del toggle nel frontend e che devo installare questo plugin, giusto?

Se “no”, dove trovo l’interruttore del toggle ora che ho abilitato il toggle scuro/chiaro come da screenshot sopra?

Grazie

Esatto. Una volta incluso questo componente del tema nel tuo tema, salva e aggiorna la pagina: dovresti vedere l’icona per attivare la modalità scura/chiara. :slight_smile:

3 Mi Piace

Sembra che sia già installato. Ho provato a installarlo ora e ha detto che era già installato. Come puoi vedere dal mio screenshot precedente.

Ma non c’è ancora l’opzione di attivazione/disattivazione:
image

Forse non hai definito un tema scuro che possa essere attivato/disattivato?
In tal caso, vedi sopra su Dark/Light Mode Toggle.

2 Mi Piace

Devo avere un “tema” separato? Sto usando il tema predefinito. Posso passare alla modalità scura come questo

Tuttavia, l’icona del toggle appare SOLO se seleziono “Scuro” nelle preferenze. Vorrei che anche i visitatori alle prime armi vedessero l’icona della luna in basso a sinistra. Possibile?

Modifica: risolto come da fine di questo post. Era tutto COLPA MIA!

1 Mi Piace

Ciao, sto cercando di impostare il tema scuro come predefinito sul mio forum Discourse. Tuttavia, voglio anche dare agli utenti la possibilità di passare al tema chiaro, se preferiscono.

La mia domanda è: come posso assicurarmi che lo schema di colori del forum non cambi automaticamente in base alle impostazioni di sistema dell’utente? Voglio che rimanga sul tema scuro per impostazione predefinita e che passi al tema chiaro solo quando un utente lo seleziona manualmente. Qualsiasi guida su come impostare questo sarebbe molto apprezzata.
Grazie!

Speravo che con gli ultimi aggiornamenti di Discourse questo errore scomparisse, ma persiste ancora.

3 Mi Piace

Quando configuro tudo, se tiver o modo claro ativado, sempre que atualizo a página, o modo escuro é sempre exibido. Cada atualização, como posso parar isso? @jordan.vidrine

2 Mi Piace

Ti dispiacerebbe farmi sapere tutti i passaggi che hai seguito per la configurazione?

Il tuo sistema operativo è impostato su automatico, scuro o chiaro?

4 Mi Piace

Ciao, è possibile avere un terzo interruttore? Simile a come Twitter ha chiaro, attenuato, scuro?

Se sì, come potrei aggiungerlo?

1 Mi Piace

Non abbiamo un terzo interruttore. Per aggiungerlo sarebbe necessaria una PR al componente del tema collegato nell’OP di questo argomento.

3 Mi Piace

Dopo l’aggiornamento di discourse a 3.2.0, sto riscontrando questi errori nei log

Il tema/componente Dark-Light Toggle sta generando errori:
TypeError: Impossibile leggere le proprietà di null (lettura di ‘en’)

Backtrace:

TypeError: Impossibile leggere le proprietà di null (lettura di 'en')
    at Object.initialize (https://site.com/theme-javascripts/56ff324506efb7c3883ba59ee00cc753852ee8cc.js?__ws=site.com:5:51)
    at n.initialize (https://site.com/assets/chunk.6d10396b901f5b95b67e.d41d8cd9.js:2:309459)
    at https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141483
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:368590)
    at e.walk (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367606)
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:366959)
    at e.topsort (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367005)
    at e._runInitializer (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141795)
    at e.runInitializers (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141441)
    at e._bootSync (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110927)
    at e.domReady (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110503)
    at invoke (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358129)
    at h.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:357216)
    at p.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358979)
    at B._end (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:364062)
    at B._boundAutorunEnd (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:360486)
2 Mi Piace

A cosa è impostata questa impostazione nel componente del tema? Inoltre, il componente del tema è aggiornato?

2 Mi Piace

Dice aggiornato

2 Mi Piace

Quali sono i passaggi per riprodurre questo errore? Succede qualcosa sullo schermo? Solo nella console?

1 Mi Piace

Non ho riscontrato problemi visivi con l’operazione. Finora solo i log nella console.

2 Mi Piace