How to set text color of topic that was read already?

Разработка
1

How to set text color of topic that was read already in the list of topics? It is grayed out too much and it hurts usability.

2

You probably won’t be surprised that this can be done with a CSS customization :slight_smile:

The general approach to find these is to :one: right-click the element you want to customize, select Inspect :two: and look for the CCS classes :three:. Then, you write CCS to target this (your favorite search engine will help you), and test it by directly injecting it in your browser :four:.

Pasted image1730×523 107 KB

Once you’re done, simply apply it in site settings.

In this case, the following will make these topics appear red:

.title.visited {
    color: #FF0000 !important;
}

Pasted image1723×272 38.3 KB

6

Похоже, это устарело: свойство «title visited» больше не отображается, и попытка его использовать ничего не даёт.

Кроме того, как изменить цвет тем, у которых есть непрочитанные сообщения?

Я пробовал использовать инструмент «Исследовать элемент», но класс в обоих случаях называется просто «title», и изменение этого класса меняет цвет ВСЕХ постов, независимо от того, есть ли в них непрочитанные сообщения или нет.

7

Похоже, теперь можно использовать селектор .topic-list-item.visited .title.

Также есть unseen-topic и new-posts :slight_smile:

8

@fefrei спасибо за новые селекторы! ещё один вопрос. я пытаюсь также изменить цвет цифры, обозначающей количество ответов на пост. но я заметил, что у них тоже могут быть разные цвета. есть обычный цвет, но я вижу, что некоторые из них оранжевые, что указывает на высокое соотношение лайков к постам. это та же ситуация, что и с прочитанными/непрочитанными постами. есть какие-нибудь идеи, как отдельно управлять цветами здесь? (также, есть ли способ узнать, есть ли какие-то другие цвета, которые могут встречаться? пока я видел только оранжевый)

9

Сейчас я на мобильном, поэтому не могу проверить это за вас, но в качестве общего совета: попробуйте посмотреть на элемент, который хотите стилизовать, в инспекторе вашего браузера и найти подходящие классы. Если информации не хватает, поднимайтесь по дереву (к родительскому элементу каждого элемента) и проверяйте каждый — например, в случае с title, класс visited появился только на несколько элементов выше, у элемента, представляющего всю строку :slight_smile: