Problema con el color de la fuente en las insignias de categoría

Soporte
1

Hola a todos,

Esperamos que alguien pueda tener una solución para este problema que solo comenzó a ocurrir desde anoche, cuando actualizamos Discourse a la versión 2026.4.0-latest (e4ab7a2cc9).

Usamos fuente blanca para todas nuestras insignias de categorías y se muestran correctamente cuando estás en la parte superior de un tema.

image
image880×126 4.24 KB

Sin embargo, una vez que comienzas a desplazarte hacia abajo en el tema, el color de la fuente en la categoría cambia automáticamente.

image

He revisado la configuración del tema y no veo nada que esté causando esto.

2

Hola @RFL

Lo primero que siempre debes hacer es probar en modo seguro.

El segundo consejo es mencionar qué tema estás utilizando. Creo que el problema será específico de ese tema, ya que la captura de pantalla no muestra el aspecto predeterminado de la etiqueta.

El tercer consejo es verificar mediante el inspector qué está ocurriendo y publicar aquí una captura de pantalla de ello.

3

Hola chapoi,

Gracias por tu respuesta rápida y útil.

Realicé la prueba en modo seguro (una opción a la vez) y desactivar lo siguiente no marcó diferencia:

  • personalizaciones no oficiales de plugins del lado del cliente
  • todas las personalizaciones de plugins del lado del cliente

Estamos utilizando el componente Category Badge Styles con ‘box’ como estilo seleccionado.

Así que desactivar los temas y los componentes de temas sí eliminó el problema, ya que devolvió el distintivo de categoría a su apariencia predeterminada.

image

Estamos usando el tema de modo claro con la siguiente paleta de colores.

image
image924×948 23.1 KB

Nuestro CSS personalizado es:

/* table */

.cooked table thead, .d-editor-preview table thead {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #ddd;
}

.cooked table tr, .d-editor-preview table tr {
    border-bottom: 1px solid #ddd;
}

.cooked table td, .cooked table th, .d-editor-preview table td, .d-editor-preview table th {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.fa-heart:before {
    content: "\f164";
}

.category-name {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px;
}

Al usar el inspector, parece que esto está causando el problema, ya que cuando desmarco la primera línea, el color de la fuente vuelve al correcto (blanco).

¿Tienes alguna idea sobre cómo podría solucionarlo?

image
image485×245 10 KB

5

si tu foro solo está utilizando un tema y una paleta de colores, puedes agregar esto en tu CSS personalizado:

.badge-category__wrapper .badge-category__name {
  color: var(--secondary);
}
6

Gracias, Lilly. Eso funciona y parece ser la forma más rápida de solucionar el problema.

7

Investigaremos el origen del problema y actualizaremos aquí.