Attiva/disattiva modalità scuro/chiaro ora disponibile nel core

[Osama]

Il componente tema Dark/Light Mode Toggle, che aggiunge un’opzione per consentire agli utenti di passare facilmente tra la modalità chiara e scura, è stato integrato nel core di Discourse e può essere abilitato tramite l’impostazione del sito interface color selector.

Oltre a varie correzioni di bug e miglioramenti, la versione core differisce leggermente dal componente tema originale in quanto dispone di una terza opzione “Auto” che fa corrispondere la modalità colore del sito alle preferenze di sistema del dispositivo dell’utente.

Il selettore di colori può essere configurato tramite l’impostazione del sito interface color selector per apparire nell’intestazione del sito accanto all’icona di ricerca o nel piè di pagina della barra laterale.

Ecco uno screenshot quando si trova nel piè di pagina della barra laterale:

E questo è quando si trova nell’intestazione:

Utenti esistenti del componente tema

Abbiamo deprecato il componente tema e rilasciato un aggiornamento finale per rilevare se la versione core è disponibile e avvisare gli amministratori di eliminarlo e abilitare la versione core. Ecco uno screenshot dell’avviso dell’amministratore:

Una volta abilitata la versione core, il componente tema non avrà più alcun effetto sul tuo sito. Tuttavia, dovresti comunque eliminarlo completamente per prevenire potenziali problemi in futuro, poiché non effettueremo più alcuna manutenzione per il componente tema.

[Kevin7 (Kévin .)]

Ciao, grazie per questa nuova funzionalità, ma mi chiedo perché i pulsanti abbiano ancora testo e icone neri quando si passa alla modalità scura invece di diventare semplicemente bianchi. Come posso fare in modo che il testo e le icone sui pulsanti diventino bianchi quando la modalità scura è attiva? Grazie.

[Osama]

@Kevin7

Mi chiedo perché i pulsanti abbiano ancora testo e icone neri quando si passa alla modalità scura invece di diventare semplicemente bianchi. Come posso fare in modo che il testo e le icone sui pulsanti diventino bianchi quando la modalità scura è attiva?

Puoi condividere uno screenshot del problema che stai riscontrando?

[Kevin7 (Kévin .)]

Ecco un esempio: quando imposto Discourse su Dark Mode, il testo di alcuni pulsanti rimane nero. Credo che avrebbe più senso se il testo fosse bianco. Tuttavia, ho trovato una soluzione utilizzando CSS che penso funzioni bene per risolvere questo problema.

$button-text-color: dark-light-choose(#ffffff, $primary);

:root {
  --button-text-color: #{$button-text-color};
}

.btn-primary {
  color: var(--button-text-color) !important;

  .d-icon {
    color: var(--button-text-color) !important;
  }
}

[Osama]

@Kevin7

alcuni testi dei pulsanti rimangono neri.

Questa è una decisione di progettazione intenzionale da parte nostra per i pulsanti primari (quelli con sfondo blu nella palette di colori predefinita), quindi non la cambieremo per tutti. Detto questo, Discourse è molto flessibile e dispone di un sistema di temi per sovrascrivere il CSS principale.

[joo (slower)]

Ho già effettuato l’impostazione, ma non riesco a vedere l’opzione. Potresti gentilmente spiegarmi il motivo?

[Osama]

Hai selezionato una palette chiara e una scura nelle tue preferenze su /my/preferences/interface? L’interruttore apparirà solo se sono selezionate sia una palette chiara che una scura:

[patrickemin]

Ciao, non vedo l’impostazione della palette di colori nelle mie preferenze, solo “Tema” e “Modalità scura”:

[Osama]

Credo che se abiliti la casella di controllo della modalità scura (presumo che “Mode sombre” significhi modalità scura in francese), l’opzione apparirà per te. Puoi provare?

La preferenza delle palette di colori nel mio ultimo post sopra viene visualizzata se il tuo sito ha più palette scure tra cui gli utenti possono scegliere. Se è disponibile solo 1 palette di colori, il menu a discesa viene sostituito dalla casella di controllo che vedi.

[Andrew_Rowe]

Mi dispiace molto… dov’è l’impostazione per attivare questa funzionalità?
Non necessita di installazione?
con la nuova interfaccia di amministrazione sono un po’ scombussolato

[StefanoCecere]

non viene visualizzato sul cellulare / iPhone
sul desktop: perfetto.
ricordo che la versione precedente (la versione Component) veniva visualizzata.

[Jagster (Jakke Lehtonen)]

Mostra solo che alcuni iPhone e forum funzionano.

È nel core… il che significa che dovrebbe apparire quando si prova la modalità sicura, suppongo. Se ciò accade, allora è in conflitto con qualche altro componente, tema o plugin.

Altrimenti

• Discourse non è abbastanza aggiornato
• l’interruttore non è abilitato nelle impostazioni del sito
• la modalità scura non è abilitata a livello di sito o nelle impostazioni dell’utente

[StefanoCecere]

strano perché funzionava fino a pochi giorni fa

tornerò tra qualche giorno.. vediamo
grazie

[StefanoCecere]

non ho queste due opzioni… solo quelle normali…

[StefanoCecere]

capito! ma è stato difficile
in un mix di diverse impostazioni e preferenze personali… penso che dovremmo rendere più facile dare a un tema gli schemi di colori (scuro e chiaro)

[patrickemin]

@Osama

Credo che se abiliti la casella di controllo della modalità scura (presumo che “Mode sombre” significhi modalità scura in francese), l’interruttore apparirà. Puoi provare?

Beh no, non appare nel piè di pagina della barra laterale.

[Osama]

@Andrew_Rowe

Mi dispiace molto… dov’è l’impostazione per attivare questa funzionalità?
Non ha bisogno di installazione?
con la nuova interfaccia di amministrazione sono un po’ disordinato

Se vai su /admin/site_settings/category/all_results?filter=interface_color_selector sul tuo sito, dovresti essere in grado di vedere l’impostazione.

@patrickemin

Beh no, non appare nel piè di pagina della barra laterale.

Se cambi la preferenza di sistema sul tuo telefono/computer da chiaro a scuro (o viceversa), la tua interfaccia di discourse cambia per corrispondere alla preferenza di sistema o rimane invariata (in modalità chiara o scura)?

Dato che il selettore principale funziona qui e su molti altri siti, ci deve essere un problema di configurazione da qualche parte dalla tua parte che causa la mancata visualizzazione del selettore. Puoi condividere l’output di questi comandi quando li esegui nella console del tuo browser mentre sei loggato al tuo account?

(({dark_scheme_id, color_scheme_id}) => { return {dark_scheme_id, color_scheme_id}} )((await (await fetch(`/u/${Discourse.User.current().username}.json`)).json()).user.user_option)

Discourse.SiteSettings.default_dark_mode_color_scheme_id

[patrickemin]

Le mie impostazioni sono a posto (in fondo alla barra laterale). Se passo alla modalità scura su mobile o PC, non cambia nulla, e per la console non so come usarla, mi dispiace

[Jagster (Jakke Lehtonen)]

Ma le impostazioni del colore scuro nelle impostazioni di sistema e/o nelle impostazioni personali non sono probabilmente corrette.

[patrickemin]

Beh, probabilmente, ho sempre avuto difficoltà con quel tipo di impostazioni, ma non è così importante, lo lascerò così, grazie per aver cercato di aiutare.