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

[RFL]

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.

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.

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

[chapoi]

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.

[RFL]

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.

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

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?

[Lilly (Lillian)]

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);
}

[RFL]

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

[chapoi]

Investigaremos el origen del problema y actualizaremos aquí.

[derek (Derek Rushforth)]

Parece que algunos estilos de nuestra modernización de la base están sobrescribiendo el color del texto aquí.

Tengo una PR aquí que debería establecer correctamente el color esperado en el componente del tema de la insignia de categoría. Una vez que se fusiona, puedes probarlo.

FIX: Category badge name color (#34)

[RFL]

Gracias, Derek, muy agradecido.

[derek (Derek Rushforth)]

¡Ya está fusionado! Avísame si encuentras más problemas.