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

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 in the notification menu, you can use this CSS:

div.tabs-list a.user-menu-tab svg {
  color: red !important;
}

If you want to target only active icons in the notification menu, use:

div.tabs-list a.user-menu-tab.active svg {
  color: red !important;
}

To target the whole notification on hover, use:

div.quick-access-panel ul li:hover {
  background-color: red !important;
}

Hope this helps!

2 Likes