# Shifting the Pink Noloco Brand color to the App's brand color

**URL:** <https://community.noloco.io/t/shifting-the-pink-noloco-brand-color-to-the-apps-brand-color/1350>\
**Category:** Feature Requests\
**Tags:** feature-request\
**Created:** [October 19, 2024, 1:59am UTC](https://community.noloco.io/t/shifting-the-pink-noloco-brand-color-to-the-apps-brand-color/1350 "2024-10-19T01:59:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dianakirby](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dianakirby/32/38_2.png) [@dianakirby](https://community.noloco.io/u/dianakirby)\
**Post date:** [October 19, 2024, 1:59am UTC](https://community.noloco.io/t/shifting-the-pink-noloco-brand-color-to-the-apps-brand-color/1350/1 "2024-10-19T01:59:38Z")

</div>

A small nice-to-have.

It would be nice for the pink color that is automated and can’t be changed for items like required notices on forms or when records are grouped by a field to default to the app’s primary color.

I know why it’s there and why it’s pink, because that’s a primary Noloco brand color. But I imagine from a user perspective if none of the app we built for them is pink, and it rarely is 🙂 they would wonder why all of a sudden some components of theirs are pink.

 ![Screen Shot 2024-10-18 at 8.00.47 PM](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/1ab3bde30e8c5f7f68a030aea467393fb922a814.png)

---

<div class="post-metadata">

**Author:** ![rutgerhofste](https://avatars.discourse-cdn.com/v4/letter/r/ba9def/32.png) [@rutgerhofste](https://community.noloco.io/u/rutgerhofste)\
**Post date:** [October 22, 2024, 3:21pm UTC](https://community.noloco.io/t/shifting-the-pink-noloco-brand-color-to-the-apps-brand-color/1350/2 "2024-10-22T15:21:35Z")

</div>

Our users got confused by the pink so this would be amazing. Specifying a error\_message token color would be great.

---

<div class="post-metadata">

**Author:** ![EthosLuke](https://avatars.discourse-cdn.com/v4/letter/e/46a35a/32.png) [@EthosLuke](https://community.noloco.io/u/EthosLuke)\
**Post date:** [October 22, 2024, 4:11pm UTC](https://community.noloco.io/t/shifting-the-pink-noloco-brand-color-to-the-apps-brand-color/1350/3 "2024-10-22T16:11:56Z")

</div>

This would be great to have as a native feature, but just for those less technical people this is also possible with custom code, below is an example on how to change it to a more standard red, just copy/paste into the header code.

```auto
<style>
    .bg-pink-500 {
        background-color: #ef4444;
    }
    .ring-pink-500 {
        --tw-ring-color: #ef4444;
    }
</style>

```

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/6cef82bcd7e3025407b0cfbf7bf490474012b2ce.png)

---

<div class="post-metadata">

**Author:** ![dianakirby](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dianakirby/32/38_2.png) [@dianakirby](https://community.noloco.io/u/dianakirby)\
**Post date:** [October 22, 2024, 6:46pm UTC](https://community.noloco.io/t/shifting-the-pink-noloco-brand-color-to-the-apps-brand-color/1350/4 "2024-10-22T18:46:13Z")

</div>

oooo thank you @EthosLuke!!