# Configure tag color

**URL:** <https://meta.discourse.org/t/configure-tag-color/93372>\
**Category:** Feature\
**Created:** [7월 28, 2018, 5:33오후 UTC](https://meta.discourse.org/t/configure-tag-color/93372 "2018-07-28T17:33:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheBestPessimist](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebestpessimist/32/247704_2.png) [@TheBestPessimist](https://meta.discourse.org/u/TheBestPessimist)\
**Post date:** [7월 28, 2018, 5:33오후 UTC](https://meta.discourse.org/t/configure-tag-color/93372/1 "2018-07-28T17:33:22Z")

</div>

My discourse is small enough that i do not need categories.

I do however use tags, and I think it would be quite cool if tags could be colored – the way categories are.

What i mean by this is the actual tag style (bullet or box) could receive a different color.

Is this something that you could take into consideration?

---

<div class="post-metadata">

**Author:** ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)\
**Post date:** [7월 28, 2018, 5:38오후 UTC](https://meta.discourse.org/t/configure-tag-color/93372/2 "2018-07-28T17:38:02Z")

</div>

Check this out:

> [@(Superseded) Add a custom fontawesome icon and color to your tag](https://meta.discourse.org/t/add-a-custom-fontawesome-icon-to-your-tag/67881):
>
> information_source The easiest way to do this is to use the new theme component: [Tag Icons](https://meta.discourse.org/t/tag-icons-component/109757) UPDATE: These instructions have been updated since SVG images are now used on Discourse rather than Font Awesome icons. I’ve styled my tags with colours and SVG images: SVG icon images can be freely downloaded from sites such as [https://thenounproject.com/](https://thenounproject.com/) Example CSS (thanks @pmusaraj for the below): @import "common/foundation/mixins"; [data-tag-name="tag1"]:link, [data-tag-name="tag1"]:…

---

<div class="post-metadata">

**Author:** ![TheBestPessimist](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebestpessimist/32/247704_2.png) [@TheBestPessimist](https://meta.discourse.org/u/TheBestPessimist)\
**Post date:** [7월 28, 2018, 5:51오후 UTC](https://meta.discourse.org/t/configure-tag-color/93372/3 "2018-07-28T17:51:13Z")

</div>

That’s nice to see!

I am curious though if the team is considering to add (at least the colors) in core.

---

<div class="post-metadata">

**Author:** ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)\
**Post date:** [7월 28, 2018, 5:59오후 UTC](https://meta.discourse.org/t/configure-tag-color/93372/4 "2018-07-28T17:59:10Z")

</div>

I hope so, until then with that CSS you can select a custom color and icon for any tag.

---

<div class="post-metadata">

**Author:** ![TheBestPessimist](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebestpessimist/32/247704_2.png) [@TheBestPessimist](https://meta.discourse.org/u/TheBestPessimist)\
**Post date:** [7월 28, 2018, 6:11오후 UTC](https://meta.discourse.org/t/configure-tag-color/93372/5 "2018-07-28T18:11:14Z")

</div>

But this raises a new problem:

Since i have multiple themes, i would like to have a common “theme component” which contains all the tag colors and nothing else (basically the tag colors to be the same for all the themes) and to add this component to all my themes. Kinda like how [Hamburger theme selector works](https://meta.discourse.org/t/hamburger-theme-selector/61210).

Well right now I don’t see how i can do that.

If i create a new theme, it asks me for a color scheme and i cannot select _none_.  
Secondly i cannot create a color scheme with transparent stuff to add to my common theme.

Is there any way to accomplish this (being able to create a [theme component](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#heading--1-2) w/o having to actually copy the custom css to all my themes?

---

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [7월 29, 2018, 2:22오전 UTC](https://meta.discourse.org/t/configure-tag-color/93372/6 "2018-07-29T02:22:11Z")

</div>

Sure, theme components added to a theme will use that theme’s color scheme and ignore their own.

What this means is you can:

1. Create a theme
2. Add your customisations to it.
3. Add it to as a theme component to all your active themes you want to use it on.
4. Magic.

That way, the theme component (tag colors in your case) will be active on all the themes you added it to without needing to copy the css to all the themes.

---

<div class="post-metadata">

**Author:** ![TheBestPessimist](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebestpessimist/32/247704_2.png) [@TheBestPessimist](https://meta.discourse.org/u/TheBestPessimist)\
**Post date:** [7월 29, 2018, 4:55오전 UTC](https://meta.discourse.org/t/configure-tag-color/93372/7 "2018-07-29T04:55:51Z")

</div>

> [@Johani](#):
>
> 1. Add it to as a theme component to all your active themes you want to use it on.
> 2. Magic.

AHA!

So this was my problem: after I create a theme (normal theme), it doesn’t matter what color scheme I chose, because when i add it as a component, the color scheme will be ignored (_magic_) and only the custom css is applied.

Got it now, thanks!
