How to change the font color in category overviews?

AI-generated summary

Changing Font Color in Category Overviews

Tin_Tin sought help to change the font color in category overviews from light grey to black, as it was hard to read.

Canapin explained that the grey color indicates read topics and provided the default CSS code. They suggested replacing the --primary-medium variable with other color variables, such as --primary, --primary-high, or a custom color.

Tin_Tin thanked Canapin and confirmed the issue was solved.

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

Or by a custom color.

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