# The color on record buttons are too light

**URL:** <https://community.noloco.io/t/the-color-on-record-buttons-are-too-light/1791>\
**Category:** Ask for Help\
**Created:** [March 12, 2025, 7:40am UTC](https://community.noloco.io/t/the-color-on-record-buttons-are-too-light/1791 "2025-03-12T07:40:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Neervig](https://avatars.discourse-cdn.com/v4/letter/n/8491ac/32.png) [@Neervig](https://community.noloco.io/u/Neervig)\
**Post date:** [March 12, 2025, 7:40am UTC](https://community.noloco.io/t/the-color-on-record-buttons-are-too-light/1791/1 "2025-03-12T07:40:55Z")

</div>

I think this is a bug or maybe a change request.

I use the black theme and I have a “Rows” layout with a record button, where the Appearance are set to Warning. But it’s hard to read the text, because the yellow color are too light.  
If I change the Appearance to Success, I can see that it is the same thing, it’s difficult to read the text because of the light green.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/4/4777441926801283f4274245ea34f17306e54875.png)  
 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/7/7122eae4bf91748d030147d2dd7e5c7eddf0ec6d.png)

Can this be changed in your end Noloco? And does anyone know what the CSS code would be (as a workaround), to change the background color/text color on a specific record button?

---

<div class="post-metadata">

**Author:** ![lukebranford](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/lukebranford/32/32_2.png) [@lukebranford](https://community.noloco.io/u/lukebranford)\
**Post date:** [March 12, 2025, 9:07am UTC](https://community.noloco.io/t/the-color-on-record-buttons-are-too-light/1791/2 "2025-03-12T09:07:31Z")

</div>

I found exactly the same with the green button, you can update with some custom CSS as follows:

/\* Custom styles for green action buttons _/  
button.bg-green-400 {  
background-color: #3CB371; /_ Replace with your chosen hex code _/  
color: #FFFFFF; /_ Ensures text remains white \*/  
}

Change the hex to suit your needs.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![Neervig](https://avatars.discourse-cdn.com/v4/letter/n/8491ac/32.png) [@Neervig](https://community.noloco.io/u/Neervig)\
**Post date:** [March 12, 2025, 10:05am UTC](https://community.noloco.io/t/the-color-on-record-buttons-are-too-light/1791/3 "2025-03-12T10:05:34Z")

</div>

Amazing thanks @lukebranford 🙂

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [March 12, 2025, 2:53pm UTC](https://community.noloco.io/t/the-color-on-record-buttons-are-too-light/1791/4 "2025-03-12T14:53:58Z")

</div>

Thanks for the feedback folks! These changes are on our list in some upcoming changes to the app’s UI