The dot in the sidebar for new/unread topics can be coloured like so: span.sidebar-section-link-suffix.icon.unread svg { color: red !important; } For the topic’s dot for new topics, use: a.badge-notification.new-topic::before { background-color: red !important; } If you want to target icons …

You can right-click the elements to open DevTools and target them by their class/id.

If you don’t know where to put custom CSS code, read this topic. [image] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in D…

I am trying to change the category edit area, the white text on click and hover to black. [image]

Help with locating the correct CSS location to change color of specific text

Development

hipp0 December 31, 2025, 3:31pm 5

Thanks this helped a lot and now I am making quick progress on customizing!

1 Like

Topic		Replies	Views
Notification color: light blue Support	1	621	May 11, 2021
Making custom CSS changes on your site Site Management css , how-to	3	9819	December 30, 2025
Differentiate contents from the topic list rows using different colors Development topic-list-excerpts	2	469	September 12, 2023
How to set text color of topic that was read already? Development	7	2366	April 29, 2023
Anyway to style discourse topic title? ( IE, red, bold, highlight, anything. ) UX	1	4280	October 27, 2020

Help with locating the correct CSS location to change color of specific text

Related topics