Plugin de banners de etiquetas y tema de material en modo oscuro

[jcayzac (Julien Cayzac)]

Hola,

Estoy utilizando el plugin de banners de etiquetas. Este codifica primary-very-low como color de fondo para todos los banners, que es el mismo que el del texto, en modo oscuro. El tema material predeterminado utiliza correctamente var(--secondary), que cambia a oscuro en modo oscuro. ¿Existe alguna forma sencilla de solucionar el fondo de nuestros banners de etiquetas?

Básicamente, me gustaría que el CSS renderizado utilizara

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

Gracias.

[cocococosti (Constanza Abarca)]

Cómo cambiar el estilo del banner de etiqueta se explica aquí: Tag Banners

Puedes modificar el fondo desde el editor de CSS de tu sitio. Ve a admin/customize/themes/1/common/scss/edit y agrega tu CSS allí:

Por ejemplo, yo utilicé:

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

Con selectores de atributos, de modo que el fondo cambia en todas las etiquetas. Pero también podrías especificar un nombre de etiqueta en la clase para que el fondo cambie solo para esa etiqueta.

[featheredtoast (Jeff Wong)]

También deberíamos solucionar esto en el propio tema, ahora que estamos soportando variables CSS

[jcayzac (Julien Cayzac)]

¡Gracias a ambos! He creado un componente de tema local y he modificado el CSS allí.