# Category badge can get lost in the background

**URL:** https://meta.discourse.org/t/category-badge-can-get-lost-in-the-background/81294
**Category:** UX
**Created:** [2월 23, 2018, 10:09오전 UTC](https://meta.discourse.org/t/category-badge-can-get-lost-in-the-background/81294 "2018-02-23T10:09:03Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2월 23, 2018, 10:09오전 UTC](https://meta.discourse.org/t/category-badge-can-get-lost-in-the-background/81294/1 "2018-02-23T10:09:03Z")

</div>

This is pretty minor, but given that the issue is present here on Meta when using the dark theme, I thought it might be worth bringing up. The problem occurs when using the same (or very similar) background color on both the overall forum and a category badge. The badge gets lost in the overall background. See the **dev** category in the photo below for illustration:

 ![before](https://global.discourse-cdn.com/meta/original/3X/3/6/36f4ecc1155d70b67f00b304f7bcf54de58c25b8.png)

  
I suppose the simplest solution is to change the badge color, but if that's not desirable, another fairly subtle way is to add a thin border. Maybe something like this:

 ![after](https://global.discourse-cdn.com/meta/original/3X/f/3/f3ba86600f4da28022d85b068be5166abe5c4d5e.png)

  
Applied via: 

```plaintext
.badge-category-bg {
   border: solid .5px #3f3f3f;
}

```

  
Just something to chew on.

---

<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: [2월 23, 2018, 5:09오후 UTC](https://meta.discourse.org/t/category-badge-can-get-lost-in-the-background/81294/2 "2018-02-23T17:09:29Z")

</div>

Perhaps a different box shadow would work? Currently it looks like we use a black box shadow with 25% opacity. On an already black background that’s not really seen. Could a white box shadow make it stand out more? cc @awesomerobot
