CSS para temas fijados leídos

Soporte
1

Hola,

¡He logrado averiguar cómo estilizar los temas fijados (fondo, grosor de fuente) en las listas de temas. ¡Genial!

¿Cómo puedo hacer una excepción para los temas fijados que el usuario ya ha leído? Quiero que sigan estando fijados, pero que vuelvan al estilo normal y predeterminado.

Esto es lo que tengo hasta ahora en el CSS común de mi sitio:

.pinned {
    background: cornsilk;
    font-weight: bold;
}

¿Cómo puedo “deshacer” esto para los temas que el usuario ha leído?

¡Gracias!

2

Respondiendo a mi propia pregunta, probablemente bastante tonta y obvia, para referencia futura:

.pinned {
    background: cornsilk;
    font-weight: bold;
}
.pinned.visited {
    background: transparent;
    font-weight: normal;
}

Esto hace exactamente lo que quería. Las publicaciones fijadas no leídas realmente destacan.

ACTUALIZACIÓN: Esto es aún mejor, porque utiliza la paleta de colores del tema y funcionará tanto con estilos claros como oscuros:

.pinned {
    background: var(--highlight-low);
    font-weight: bold;
}
.pinned.visited {
    background: transparent;
    font-weight: normal;
}
3

¡Gracias por el código!