# Custom colors/styles for roles: Custom CSS

**URL:** <https://forums.rocket.chat/t/custom-colors-styles-for-roles-custom-css/18558>\
**Category:** Community Support\
**Tags:** docker\
**Created:** [November 19, 2023, 2:09pm UTC](https://forums.rocket.chat/t/custom-colors-styles-for-roles-custom-css/18558 "2023-11-19T14:09:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Roy.Hess](https://avatars.discourse-cdn.com/v4/letter/r/a5b964/32.png) [@Roy.Hess](https://forums.rocket.chat/u/Roy.Hess)\
**Post date:** [November 19, 2023, 2:09pm UTC](https://forums.rocket.chat/t/custom-colors-styles-for-roles-custom-css/18558/1 "2023-11-19T14:09:07Z")

</div>

### Description

Hello, I want to change the appearance of the chat so that role badges have a different color than the default boring white.  
I got it to work with my name using `Data-Username="NAME_HERE"` but I can not find a way to change the role tags, I tried rcx-tag, rcx-tag\_\_inner but I can for the love of Dodos not change the style for that `<span class="rcx-tag__inner">ROLE_NAME_HERE</span>`  
Can anyone that is better into CSS than me help out how I can select that class with a specific data (like “Admin” role) using CSS?

### Server Setup Information

- Version of Rocket.Chat Server: 6.4.5
- Operating System: Linux
- Deployment Method: docker
- Number of Running Instances: 1
- NodeJS Version: 14.21.2
- MongoDB Version: 5.0.15
- Proxy: nginx
- Firewalls involved: iptables