C'è un modo per rilevare l'uso della modalità scura?

[ti0]

C’è un modo in un plugin / componente del tema per rilevare se il tema corrente sta utilizzando la modalità scura?
In alternativa, c’è un modo per ottenere l’ID del tema attivo?
O dovremmo creare componenti del tema diversi per temi chiari e temi scuri?

[Don]

@ti0

rilevare se il tema corrente sta utilizzando la modalità scura

Ciao,

Penso che ci siano alcuni modi per raggiungere questo obiettivo.

Puoi usare questo

No specific class for dark mode

Would this accomplish what you need? this would need to be added to color_definitions.scss @if #{schemeType()} == dark { body { background: red; } } @else { body { background: blue; } } A class does seem like it would be useful though, we can probably add one.

Oppure questo

Why might dark-light-choose() not work?

I believe, due to the way the SCSS is compiled, custom dark/light definitions need to be added to color_definitions.scss within a theme and won’t work in other scss files. [Screen Shot 2020-12-04 at 9.54.13 PM] color_definitions.scss is high up in the cascade (before a lot of the default styles), so you don’t want to add the .modal.history-modal ins part there. Instead you can just add the color definition itself… $dark-theme-ins: #acf2bd; $light-theme-ins: #4da06d; $ins: dark-light-choose(…

---

Adoro la sezione Argomenti Correlati di Discourse Ai è molto più facile organizzare e trovare argomenti.

[Lilly (Lillian Louis)]

personalmente preferisco avere temi scuri e chiari separati, piuttosto che modalità scure e chiare di un tema. penso che alcuni utenti trovino quel menu a discesa aggiuntivo confusionario. io creo semplicemente versioni chiare e scure dei temi e le metto nel menu hamburger, ma ho solo 4 temi attivi (ho realizzato temi speciali a tempo limitato, ad esempio avevamo temi chiari e scuri per il Masters di golf durante il torneo). basta tenere traccia delle palette di colori.

[ti0]

Ho risolto aggiungendo una singola riga di codice alla sezione Head di ciascun tema a seconda dei colori:

document.body.classList.add(“dark-theme”);

document.body.classList.add(“light-theme”);

Grazie per i vostri input @Don @Lilly