# Discourse Coloring Tag

**URL:** <https://meta.discourse.org/t/discourse-coloring-tag/203614>\
**Category:** Theme component\
**Tags:** broken, tags\
**Created:** [September 15, 2021, 8:16am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614 "2021-09-15T08:16:18Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)\
**Post date:** [September 15, 2021, 8:16am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/1 "2021-09-15T08:16:18Z")

</div>

This is a Discourse theme component that allows admin to change tag’s background color and text color.

**[Repository Link](https://github.com/RailForWork/Discourse-Coloring-Tag)**  
`https://github.com/RailForWork/Discourse-Coloring-Tag`

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/3/038841938c3bd9054f9663e32f85ca75e9206671.png)

## Theme Settings

Comma delimited in this order: Tag Name,Background Color,Text Color.  
**Tag Name:** What your Tag Name is.  
**Background Color:** Background Color of the tag.  
**Text Color:** Decide the text color in the tag.

A correct example for settings will be: [Theme-component,#ffffff,black.]  
(Both Background color and text color can be either HEX color (#ffffff) or color name (black).

| | | |
| --- | --- | --- |
| 🛠 | **Repository** | [GitHub - RailForWork/Discourse-Coloring-Tag: This is a Discourse theme component that allows user to change their tag's background color and text color. · GitHub](https://github.com/RailForWork/Discourse-Coloring-Tag) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

---

<div class="post-metadata">

**Author:** ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)\
**Post date:** [October 21, 2021, 4:32pm UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/2 "2021-10-21T16:32:47Z")

</div>

Thanks for pointing me this way

Any plans of add support of images (like [https://fontawesome.com/](https://fontawesome.com/)) with a tag like  
tag\_name, image, background color, text color

eg:  
apple, fa-apple, red, white

---

<div class="post-metadata">

**Author:** ![tachibanalolo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tachibanalolo/32/233762_2.png) [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)\
**Post date:** [October 21, 2021, 4:53pm UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/3 "2021-10-21T16:53:20Z")

</div>

I think you can use emoji in your tags instead.

---

<div class="post-metadata">

**Author:** ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)\
**Post date:** [October 21, 2021, 5:36pm UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/4 "2021-10-21T17:36:35Z")

</div>

Does not seems so 😔 …

---

<div class="post-metadata">

**Author:** ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)\
**Post date:** [December 28, 2021, 5:44pm UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/5 "2021-12-28T17:44:44Z")

</div>

@tachibanalolo I have a feature request for your consideration.

Would it be possible to make a setting which applies to whole tag groups rather than individually? That way, each tag group could be easily distinguished without having to spend a lot of time mapping each one, and when new tags are added they’d automatically get colorized rather than needing to be added separately.

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [January 4, 2022, 7:50pm UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/6 "2022-01-04T19:50:34Z")

</div>

I second that request, would be happy to pay for such feature as well

---

<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:** [February 12, 2023, 9:30am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/7 "2023-02-12T09:30:39Z")

</div>

There is small conflict’ish between this and [Tag icons](https://meta.discourse.org/t/tag-icons/109757) component. When this is in use icons will disappear. But not vice versa.

---

<div class="post-metadata">

**Author:** ![Ivan\_Rapekas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ivan_rapekas/32/248924_2.png) [@Ivan\_Rapekas](https://meta.discourse.org/u/Ivan_Rapekas)\
**Post date:** [January 16, 2024, 3:51am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/8 "2024-01-16T03:51:21Z")

</div>

it’s compatible with [Colored Tag Styles](https://meta.discourse.org/t/colored-tag-styles/214871) 🙂

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [February 4, 2026, 10:48am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/9 "2026-02-04T10:48:40Z")

</div>

Seems this component needs an update to work with the latest changes on tags: [Tags are replaced for a string](https://meta.discourse.org/t/tags-are-replaced-for-a-string/395112)

---

<div class="post-metadata">

**Author:** ![Campano](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/campano/32/277419_2.png) [@Campano](https://meta.discourse.org/u/Campano)\
**Post date:** [February 6, 2026, 11:42am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/10 "2026-02-06T11:42:17Z")

</div>

Just deactivated the component for that exact reason.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [February 10, 2026, 4:39am UTC](https://meta.discourse.org/t/discourse-coloring-tag/203614/11 "2026-02-10T04:39:30Z")

</div>

added a #broken tag for now.
