Plugin per banner di tag e tema materiale in modalità scura

Supporto
1

Ciao,

Sto utilizzando il plugin tag banners. Questo imposta in modo rigido primary-very-low come colore di sfondo per tutti i banner, che coincide con il colore del testo in modalità scura. Il tema material predefinito utilizza correttamente var(--secondary), che passa al colore scuro in modalità dark. Esiste un modo semplice per correggere lo sfondo dei nostri banner dei tag?

In sostanza, vorrei che il CSS generato utilizzasse

 .tag-title-header {
-  background: #f8f8f8;
+  background-color: var(--secondary);
 }

Grazie.

2

Come modificare lo stile del banner dei tag è spiegato qui: Tag Banners

Puoi cambiare lo sfondo dall’editor CSS del tuo sito. Vai su admin/customize/themes/1/common/scss/edit e aggiungi il tuo CSS lì:

Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)
Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)1110×263 21.1 KB

Ad esempio, ho usato:

[class*="tag-title-header"][class*=" tag-banner-"] {
  background-color: var(--secondary);
}

Con selettori di attributo, in modo che lo sfondo venga modificato per tutti i tag. Ma puoi specificare un nome di tag nella classe in modo che lo sfondo venga modificato solo per quel tag.

3

Dovremmo risolvere anche questo nel tema stesso, ora che supportiamo le variabili CSS :slight_smile:

4

Grazie a entrambi, ho creato un componente tema locale e modificato il CSS lì!