# Category ‘background color’ not obvious it refers to the category badge color

**URL:** <https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513>\
**Category:** UX\
**Created:** [3월 20, 2017, 2:42오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513 "2017-03-20T02:42:24Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![TimothyDonaghue](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/timothydonaghue/32/223475_2.png) [@TimothyDonaghue](https://meta.discourse.org/u/TimothyDonaghue)\
**Post date:** [3월 20, 2017, 2:42오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/1 "2017-03-20T02:42:25Z")

</div>

Hello Sports,

How do we edit the color given to every category?

 ![](https://global.discourse-cdn.com/meta/original/3X/4/9/49753d6a4b5d2b4e5188cdaf1fa7b5870e43a22e.png)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [3월 20, 2017, 3:22오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/2 "2017-03-20T03:22:00Z")

</div>

Visit a category page, press edit button (at the upper right of each category).

---

<div class="post-metadata">

**Author:** ![TimothyDonaghue](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/timothydonaghue/32/223475_2.png) [@TimothyDonaghue](https://meta.discourse.org/u/TimothyDonaghue)\
**Post date:** [3월 20, 2017, 4:30오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/3 "2017-03-20T04:30:02Z")

</div>

Very cool, I fiddled with it and yes that did it.

I had felt worried that if I edited any of the ‘background color’ settings it would edit the appearance of the whole category.

Too kind of you to personally assist a layman like myself.

---

<div class="post-metadata">

**Author:** ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)\
**Post date:** [3월 20, 2017, 4:35오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/4 "2017-03-20T04:35:35Z")

</div>

> [@TimothyDonaghue](#):
>
> I had felt worried that if I edited any of the ‘background color’ settings it would edit the appearance of the whole category.

You bring up a good point…I’ve always just “known” to change the background color setting to change the color of the category, but never thought about why it’s called “Background Color”. @codinghorror is there a historical reason for this name? Perhaps this is from back when `box` was the default category style?

---

<div class="post-metadata">

**Author:** ![TimothyDonaghue](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/timothydonaghue/32/223475_2.png) [@TimothyDonaghue](https://meta.discourse.org/u/TimothyDonaghue)\
**Post date:** [3월 20, 2017, 4:40오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/5 "2017-03-20T04:40:15Z")

</div>

I would have known what to do intuitively if it featured a simple ‘Badge color’ with an accompanied color palette beside it. Please do not consider this a complaint at all, just my humble opinion.

---

<div class="post-metadata">

**Author:** ![alexs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alexs/32/139956_2.png) [@alexs](https://meta.discourse.org/u/alexs)\
**Post date:** [9월 3, 2018, 11:03오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/6 "2018-09-03T11:03:33Z")

</div>

> [@jomaxro](#):
>
> I’ve always just “known” to change the background color setting to change the color of the category, but never thought about why it’s called “Background Color”

I didn’t make the connection between the ‘background color’ & the category color today, that doesn’t seem obvious IMHO.

The fact that a padlock’s displayed next to the square showing the badge color made me initially assume that it couldn’t be changed either, until I found this topic.

![58](https://global.discourse-cdn.com/meta/original/3X/b/b/bb3a65efabd5f47224d7acd634aefe916fe20da5.png)

---

<div class="post-metadata">

**Author:** ![jwheel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jwheel/32/569377_2.png) [@jwheel](https://meta.discourse.org/u/jwheel)\
**Post date:** [1월 15, 2019, 10:52오후 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/7 "2019-01-15T22:52:16Z")

</div>

For what it’s worth, I had the same confusion with this until I found this thread. I made the same assumption as others did in this thread. I didn’t understand the colors with a check represented colors already used by other categories. A text label to specify what the check mark means would be helpful to make first-use more intuitive. 👍

---

<div class="post-metadata">

**Author:** ![ibc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ibc/32/142174_2.png) [@ibc](https://meta.discourse.org/u/ibc)\
**Post date:** [8월 1, 2019, 7:44오전 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/8 "2019-08-01T07:44:57Z")

</div>

Completely agreed with concerns exposed above. I’ve always thought that the category “badge color” cannot be changed. No idea that “Background color” shows the already used ones and that, by changing it, the “badge color” is changed.

This can be improved at UX IMHO.

---

<div class="post-metadata">

**Author:** ![Thomas\_Schell](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thomas_schell/32/168095_2.png) [@Thomas\_Schell](https://meta.discourse.org/u/Thomas_Schell)\
**Post date:** [1월 29, 2020, 5:43오후 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/9 "2020-01-29T17:43:06Z")

</div>

저도 같은 혼란을 겪었습니다!

---

<div class="post-metadata">

**Author:** ![hjalali](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hjalali/32/181824_2.png) [@hjalali](https://meta.discourse.org/u/hjalali)\
**Post date:** [5월 3, 2020, 5:03오후 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/10 "2020-05-03T17:03:13Z")

</div>

또한 카테고리를 처음 생성할 때 "배경색"과 "전경색"을 선택할 수 있는 옵션이 실제로 존재하는데, 나중에 이를 편집하려고 하면 두 가지 중 하나가 사라지고 배지 색 옆에 자물쇠 아이콘이 나타나는 것도 도움이 되지 않습니다.

다른 용어나 방법으로 이를 단순화할 수 있을 것이라고 확신합니다.

 ![Screenshot 2020-05-03 at 18.01.21](https://global.discourse-cdn.com/meta/original/3X/e/6/e6c7d33bfbcec45cdc6dbf1643e5667047e9ee04.png)

---

<div class="post-metadata">

**Author:** ![Rhidian](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rhidian/32/176630_2.png) [@Rhidian](https://meta.discourse.org/u/Rhidian)\
**Post date:** [5월 3, 2020, 5:31오후 UTC](https://meta.discourse.org/t/category-background-color-not-obvious-it-refers-to-the-category-badge-color/59513/11 "2020-05-03T17:31:50Z")

</div>

카테고리 헤더 구성 요소를 사용하는 경우 카테고리 배경색과 전경색이 유용합니다.

예제는 여기에서 확인하세요:

> [@Discourse 카테고리 헤더 테마 컴포넌트](https://meta.discourse.org/t/discourse-category-headers-theme-component/148682?u=rhidian):
>
> This theme component provides a number of enhancements for the Discourse category header. The ‘standard’ Discourse category header is displayed at the top of each category page, above the navigation links and list of topics. It is normally only visible if a category logo image has been uploaded in the category settings. The header displays the logo and a short description of the category, taken from the first paragraph of the ‘About the.. category’ topic. This theme component provides the foll…
