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…

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

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

Aide pour localiser l'emplacement CSS correct pour changer la couleur d'un texte spécifique

Dev

NateDhaliwal (Nate Dhaliwal) Décembre 31, 2025, 3:31 2

Vous pouvez faire un clic droit sur les éléments pour ouvrir les outils de développement (DevTools) et les cibler par leur classe/ID.

Sujet		Réponses	Vues
Notification color: light blue Support	1	631	Mai 11, 2021
Making custom CSS changes on your site Site Management css , how-to	3	9971	Décembre 30, 2025
Differentiate contents from the topic list rows using different colors Development topic-list-excerpts	2	494	Septembre 12, 2023
How to set text color of topic that was read already? Development	7	2381	Avril 29, 2023
Anyway to style discourse topic title? ( IE, red, bold, highlight, anything. ) UX	1	4290	Octobre 27, 2020

Aide pour localiser l'emplacement CSS correct pour changer la couleur d'un texte spécifique

Sujets connexes