CSS для чтения закрепленных тем

Поддержка
1

Привет,

Мне удалось разобраться, как стилизовать закрепленные темы (фон, начертание шрифта) в списках тем. Ура!

Как сделать исключение для закрепленных тем, которые пользователь уже прочитал? Я хочу, чтобы они оставались закрепленными, но при этом возвращались к обычному стилю по умолчанию.

Вот что у меня пока есть в общих CSS-стилях для моего сайта:

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

Как можно «отменить» это для тем, которые пользователь уже прочитал?

Спасибо!

2

Отвечаю на свой собственный, вероятно, довольно глупый и очевидный вопрос, на будущее:

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

Это делает именно то, что я хотел. Непрочитанные закреплённые сообщения действительно выделяются.

ОБНОВЛЕНИЕ: Это ещё лучше, потому что используется цветовая схема темы, и это будет работать как со светлой, так и с тёмной темой:

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

Спасибо за код!