# New sidebar custom CSS

**URL:** <https://meta.discourse.org/t/new-sidebar-custom-css/250613>\
**Category:** Development\
**Created:** [January 3, 2023, 7:22pm UTC](https://meta.discourse.org/t/new-sidebar-custom-css/250613 "2023-01-03T19:22:55Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [January 4, 2023, 9:28am UTC](https://meta.discourse.org/t/new-sidebar-custom-css/250613/5 "2023-01-04T09:28:14Z")

</div>

Hello,

> [@10ColorsTenkara](#):
>
> would never find that setting or know it exists

I think create a topic where you introduce the new sidebar could be a good solution for this. You can easily navigate your users to the correct place with a link, using the `/my/` parameter. 🙂

`yoursite.com/my/preferences/sidebar`

Like this: [https://meta.discourse.org/my/preferences/sidebar](https://meta.discourse.org/my/preferences/sidebar)

* * *

> [@10ColorsTenkara](#):
>
> I think they are much easier to see with some other color text.

Yes, it’s grayed out to make it look less like a link. This is possible to change by adding some CSS to a component. 🙂

For example:

Common \> CSS

```scss
// Sidebar new/unread color

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // don't change the review link color
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/new-sidebar-custom-css/250613)._