How to change the font color in category overviews?

Hi! I wonder if someone can help me out. I’ve searched all the documentation but I can’t seem to find a the CSS to change the font colors in the category overviews. Currently it’s light grey, which is hard to read–I’d love to simply make the font black. Thanks for helping a beginner :slight_smile:

Cheers, Thomas

The font is grey because it indicates that you have read this topic. It helps differentiate read/unread topics.

This is the default CSS:

.topic-list-item.visited a.title:not(.badge-notification), .latest-topic-list-item.visited a.title:not(.badge-notification), .category-topic-link.visited a.title:not(.badge-notification) {
    color: var(--primary-medium);
}

You can replace --primary-medium by other color variables, such as:

--primary
--primary-high
--primary-high-or-secondary-low
--primary-low
--primary-low-mid
--primary-low-mid-or-secondary-high
--primary-low-mid-or-secondary-low
--primary-med-or-secondary-high
--primary-med-or-secondary-med
--primary-medium
--primary-or-primary-low-mid
--primary-very high
--primary-very low
--primary-low-rgb
--primary-rgb

image

Or by a custom color.

4 Likes

Dear @Canapin — many thanks. Awesome. That’s very helpful!
Solved!
Greetings, Thomas

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.