# Category badge adjustment component
**URL:** https://meta.discourse.org/t/category-badge-adjustment-component/106366
**Category:** Theme component
**Created:** [January 12, 2019, 6:29pm UTC](https://meta.discourse.org/t/category-badge-adjustment-component/106366 "2019-01-12T18:29:43Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@amotl](https://meta.discourse.org/u/amotl)
#### Post date: [January 12, 2019, 6:29pm UTC](https://meta.discourse.org/t/category-badge-adjustment-component/106366/1 "2019-01-12T18:29:43Z")
## Motivation
Tweak the style of the category badges.
## Background
This was spawned while working on implementing the [Daemonite Material Theme](https://meta.discourse.org/t/daemonite-material-theme/64521) on another Discourse instance the other day. While it’s only a pretty minor amendment to CSS, we just wrapped it up, added appropriate settings and packaged it.
[https://github.com/ip-tools/discourse-category-badge-theme-component](https://github.com/ip-tools/discourse-category-badge-theme-component)
## Features
- Optionally adjust `border-radius` css attribute of category badges
to give them a more flat / less globular appearance.
- Optionally prevent shrinked badges on e.g. `/latest`.
- Optionally emphasize category label.
**Note** : We know this style might deviate from the official [Google Material Design language](https://en.wikipedia.org/wiki/Material_Design) which is pretty straight on [Material Design](https://material.io/design/components/chips.html), but nevertheless we find this look more pleasant. Please enjoy it as a language dialect.
## Screenshots
### Before
 
### After
 
## Setup
### Install
- **Documentation** : [Installing a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)
- **Repository URL** : `https://github.com/ip-tools/discourse-category-badge-theme-component`
### Configure
Configuration is pretty straightforward.
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [January 12, 2019, 7:16pm UTC](https://meta.discourse.org/t/category-badge-adjustment-component/106366/3 "2019-01-12T19:16:52Z")
> [@amotl](#):
>
> Minor remark: This might belong into #Customization > Theme, but let’s just start it here as I’m not able to post there yet. Sorry for interrupting.
Now you can post on #Customization > Theme
---
### Author:  [@amotl](https://meta.discourse.org/u/amotl)
#### Post date: [January 12, 2019, 7:45pm UTC](https://meta.discourse.org/t/category-badge-adjustment-component/106366/4 "2019-01-12T19:45:03Z")
> [@dax](#):
>
> Now you can post on #Customization > Theme
Thank you so much and also for moving this already.
---
### Author:  [@amotl](https://meta.discourse.org/u/amotl)
#### Post date: [January 12, 2019, 11:29pm UTC](https://meta.discourse.org/t/category-badge-adjustment-component/106366/5 "2019-01-12T23:29:09Z")
The best experience we get from this is when combining it with some tweaks we applied on top of the vanilla [Daemonite Material Theme](https://meta.discourse.org/t/daemonite-material-theme/64521). It’s basically about larger font sizes and element spacing. You can learn about the corresponding amendments at [Daemonite Material Theme: Ample layout adjustments](https://meta.discourse.org/t/daemonite-material-theme-ample-layout-adjustments/106379).
## Before
## After
