Plugin de bannières de tags et thème matériel en mode sombre

Soutien
1

Bonjour,

J’utilise le plugin tag banners. Il code en dur primary-very-low comme couleur d’arrière-plan pour toutes les bannières, ce qui correspond à la couleur du texte en mode sombre. Le thème material par défaut utilise correctement var(--secondary), qui bascule vers le sombre en mode sombre. Existe-t-il un moyen simple de corriger l’arrière-plan de nos bannières de tags ?

En gros, je voudrais que le CSS rendu utilise

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

Merci.

2

Comment modifier le style de la bannière de balise est expliqué ici : Tag Banners

Vous pouvez modifier l’arrière-plan à partir de l’éditeur CSS de votre site. Accédez à admin/customize/themes/1/common/scss/edit et ajoutez votre CSS là-bas :

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

Par exemple, j’ai utilisé :

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

Avec des sélecteurs d’attribut, afin que l’arrière-plan soit modifié pour toutes les balises. Mais vous pourriez spécifier un nom de balise dans la classe pour que l’arrière-plan soit modifié uniquement pour cette balise.

3

Nous devrions également corriger cela directement dans le thème, maintenant que nous prenons en charge les variables CSS :slight_smile:

4

Merci à vous deux, j’ai créé un composant de thème local et modifié le CSS !