# Ability to display category icons in sidebar

**URL:** https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629
**Category:** Support
**Tags:** sidebar, category-icons
**Created:** [November 1, 2022, 3:58pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629 "2022-11-01T15:58:51Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [November 1, 2022, 3:58pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/1 "2022-11-01T15:58:51Z")

</div>

This sort of seems to be mentioned in a few places, but I couldn’t find a clear answer — a way to work around this, or “it’s coming” in the sidebar or the component, or “nope”, etc…

I’ve enabled the experimental sidebar on my Discourse-hosted site. I get colored blocks next to my categories. And notably, I do not get the category icons I’ve configured with the [Category Icons theme component](https://meta.discourse.org/t/category-icons/104683).

 ![Screen Shot 2022-10-31 at 18.41.41](https://global.discourse-cdn.com/meta/original/4X/6/9/d/69d6c8de33abe2a50ca3d372098ba87f8cdc01a9.png)

My first thought is that I have the “Category Style” setting as “none” for this site. Feels to me like there shouldn’t be colored blocks in the sidebar with “none”.

…and in my screenshot you can see the icons I have for the categories. Feels to me like those same icons should be in the sidebar.

Thoughts?

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [November 1, 2022, 6:17pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/2 "2022-11-01T18:17:00Z")

</div>

> [@craigconstantine](#):
>
> I couldn’t find a clear answer — a way to work around this, or “it’s coming” in the sidebar or the component, or “nope”, etc…

The current answer is that we don’t have any specific plans for this.

There’s been some discussion about making category icons a first class feature, though - I know this is something that @tobiaseigen is interested in, for example. But it’s not currently on our list of priorities.

In the meantime, I’m not sure what it’d take to work around this or to add support for it in the category icons theme component. @pmusaraj do you have any thoughts on what might be entailed to do that?

@craigconstantine - what would you expect the sidebar to look like when icons are used? would you expect the icons to have the category color in this scenario?

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [November 1, 2022, 6:33pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/3 "2022-11-01T18:33:04Z")

</div>

The category icons component overrides a core category link renderer to add its icons. The sidebar, for good reason, doesn’t use the same renderer, so we need to add a way to extend/override the sidebar category links in core before a component can do something here.

Similar story for tags, but it’s probably a little easier given that we are currenly showing a default icon for each tag in the sidebar.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [November 1, 2022, 7:27pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/4 "2022-11-01T19:27:36Z")

</div>

We’ve been talking internally about getting closer to parity of features between tags and categories, and to let tags be decorated with colors in the same way as categories, and to let both be decorated with icons.

Differentiating tags and categories with colors and icons can make a big difference in helping distinguish them and not “making people think” as they navigate through the discussions in their community.

So yes, I am in favor of making this happen across the board in core discourse. But I am not in favor of creating a chaotic colorful experience or making the sidebar functionality harder to use with icons. I do like @pmusaraj’s screenshot example of category style set to `box` - this could work quite well in the sidebar.

> [@Category Icons](https://meta.discourse.org/t/category-icons/104683/1):
>
> Here is how this would look with category style set to `box`:
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/0/8/08ccf7985ed5a104ce2e8ee56f7cad8abc963e1b.png)

The Discourse for Teams sidebar handled the category decoration a little better than the new sidebar, I think. You could use the `category style` admin setting to choose bar, box, bullet or none, and the categories in the sidebar were displayed with the style chosen and all of them looked very nice! See screenshots.

 ![Screen Shot 2022-11-01 at 12.25.17 PM](https://global.discourse-cdn.com/meta/original/4X/2/4/6/246cc7e7356aed58dd386b42741b29e05082a34c.png) ![Screen Shot 2022-11-01 at 12.24.53 PM](https://global.discourse-cdn.com/meta/original/4X/4/0/b/40b7567e5f387a5a62d5b48a0699fe9424f61685.png)

 ![Screen Shot 2022-11-01 at 12.24.04 PM](https://global.discourse-cdn.com/meta/original/4X/8/7/c/87cd89777ccdd757448495374aaef33d12ed4b92.png) ![Screen Shot 2022-11-01 at 12.23.17 PM](https://global.discourse-cdn.com/meta/original/4X/4/6/1/461d0058502e1687c430e86f461dbcf64f6d86f9.png)

---

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [November 1, 2022, 7:44pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/5 "2022-11-01T19:44:28Z")

</div>

> [@mcwumbly](#):
>
> @craigconstantine - what would you expect the sidebar to look like when icons are used? would you expect the icons to have the category color in this scenario?

The same as they do in the old-style ≡ menu?

I flipped off enable-exp-sidebar, blew out my browser cash, refreshed… thinking I’d take a screenshot of my old ≡ showing the categories with icons… but that’s not working now either??

This didn’t used to have the color boxes—color does not convey any inherent meaning, in general. All my categories have painstakingly-chosen icons. Help has an FA ?, Listen has headphones, supporters has a user-silhouette-with-+ (which we use as avatar flair for people in a certain group), workbench has a tools icon, etc.

 ![Screen Shot 2022-11-01 at 15.41.45](https://global.discourse-cdn.com/meta/original/4X/f/f/0/ff03d0eddc3775c9c9352bb8680d9e221f4591e3.png)

But to try to answer your specific question at the top: It should look like this (no colors since category-style is none) and the icon next to the names… here’s the icons for a few of our categories (this was also in my original post though.)

 ![Screen Shot 2022-11-01 at 15.45.22](https://global.discourse-cdn.com/meta/original/4X/a/9/6/a968d7fff6baa2eebed37cd37100f3cbfd1023ae.png)

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [November 1, 2022, 7:47pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/6 "2022-11-01T19:47:28Z")

</div>

> [@craigconstantine](#):
>
> I flipped off enable-exp-sidebar, blew out my browser cash, refreshed

To go back to the old way you also have to turn off the “enable experimental sidebar hamburger” setting.

---

<div class="post-metadata">

### Author: ![craigconstantine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/craigconstantine/32/511195_2.png) [@craigconstantine](https://meta.discourse.org/u/craigconstantine)
#### Post date: [November 1, 2022, 7:49pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/7 "2022-11-01T19:49:24Z")

</div>

`derp` …you are of course correct. Here’s a screenshot of how icons should appear next to categories, in the sidebar when category-style is none:

 ![Screen Shot 2022-11-01 at 15.48.17](https://global.discourse-cdn.com/meta/original/4X/7/a/7/7a719528d6bf133ff22ee41336f522db3fcdaad9.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [May 19, 2023, 8:10am UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/8 "2023-05-19T08:10:51Z")

</div>

8 posts were split to a new topic: [Alternatives to padlock icons on secured categories](https://meta.discourse.org/t/alternatives-to-padlock-icons-on-secured-categories/265530)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 17, 2023, 2:18pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/13 "2023-05-17T14:18:50Z")

</div>

re: category icons  
i don’t particularly care for them myself. i agree it would be clutter IMO. i was more addressing @craigconstantine’s concerns because they were sort of available in the legacy menu.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [May 17, 2023, 4:55pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/18 "2023-05-17T16:55:55Z")

</div>

Yeah, this may be an unrealistic and unnecessary suggestion.

The colors in the sidebar match the category colors used in many places in the UI.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 17, 2023, 5:02pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/19 "2023-05-17T17:02:42Z")

</div>

yea myself, i have no issue with those colored bullets (other than the lock icons, but i can code them out). just give me the ability to mod the community section and i’ll be chuffed. 🙂

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [May 17, 2023, 6:17pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/20 "2023-05-17T18:17:14Z")

</div>

> [@tobiaseigen](#):
>
> The colors in the sidebar match the category colors used in many places in the UI.

Yes, but that isn’t same as purpose 😉

What ever. I just don’t believe users can and will identify categories per different colors, so I have disabled them where I can and otherwise I tried to use same color forum wide. I don’t see any other purpose for category colors than decorative aspect and that is purely matter of taste.

And that’s why I would very much like to get an option to disable those at the sidebar as I can on rest of a forum.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 17, 2023, 6:26pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/21 "2023-05-17T18:26:21Z")

</div>

here you go:

common css

```scss
.sidebar-section-link-prefix span {
    display: none;
}

```

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [May 17, 2023, 6:28pm UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/22 "2023-05-17T18:28:33Z")

</div>

Thanks.

But now even I am back to on-topic 😉 Ability to display category icons in sidebar would be more really nice solution…

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 18, 2023, 2:38am UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/23 "2023-05-18T02:38:03Z")

</div>

for anyone who wants to change the appearance of those category bullets in the navigator sidebar menu, you can do something like what i did on my forum - in common css:

```scss
.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-span {
    width: .6em;
    height: .6em;
    border-radius: 100%;
}

```

which will look like this:

 ![IMG_3356](https://global.discourse-cdn.com/meta/original/4X/6/3/8/6381149ede9465428d0154c916275af1d203437f.jpeg)

notice sub-category Help Desk bullet. the Lounge is secured for TL1 but i removed the lock icon with code. i leave lock icon on for staff categories so they can easily see them..

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [May 19, 2023, 6:46am UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/25 "2023-05-19T06:46:21Z")

</div>

Just dropping a quick note here, we’re working on making the category icons and tag icons theme components compatible with Sidebar in the short term. This should land by next week. Longer term though, we intend to make customizable icons for category or tags a core feature.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [June 18, 2023, 6:46am UTC](https://meta.discourse.org/t/ability-to-display-category-icons-in-sidebar/243629/26 "2023-06-18T06:46:22Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
