# Custom colors shades

**URL:** <https://community.noloco.io/t/custom-colors-shades/1788>\
**Category:** Ask for Help\
**Created:** [March 11, 2025, 10:25am UTC](https://community.noloco.io/t/custom-colors-shades/1788 "2025-03-11T10:25:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![AcervoVivo](https://avatars.discourse-cdn.com/v4/letter/a/3be4f8/32.png) [@AcervoVivo](https://community.noloco.io/u/AcervoVivo)\
**Post date:** [March 11, 2025, 10:25am UTC](https://community.noloco.io/t/custom-colors-shades/1788/1 "2025-03-11T10:25:52Z")

</div>

Hi,

I’m customizing the colors of my app and I’m not able to identify, in the table [Theme & Design | Noloco](https://guides.noloco.io/settings/theme-and-design), which shade to use for the linked records and also the tabs before selection.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/f/ff19399e5d06cc41200b425e0f071c9146b4b945.png)

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/b/b38a1383ce08856b75da15d3de891a7483157a29.png)

I would appreciate it in advance if anyone could clarify this for me.

---

<div class="post-metadata">

**Author:** ![domhnall](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/domhnall/32/1003_2.png) [@domhnall](https://community.noloco.io/u/domhnall)\
**Post date:** [March 12, 2025, 7:13am UTC](https://community.noloco.io/t/custom-colors-shades/1788/2 "2025-03-12T07:13:27Z")

</div>

Hi @AcervoVivo - is this in Dark Mode or have you set the background colour to be this shade yourself?

---

<div class="post-metadata">

**Author:** ![AcervoVivo](https://avatars.discourse-cdn.com/v4/letter/a/3be4f8/32.png) [@AcervoVivo](https://community.noloco.io/u/AcervoVivo)\
**Post date:** [March 15, 2025, 9:05am UTC](https://community.noloco.io/t/custom-colors-shades/1788/3 "2025-03-15T09:05:44Z")

</div>

Hi, this is in Dark Mode

In light mode is ok

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/0/013ae9c781a9fefd686dd90bc87454239ab1fd31.png)

---

<div class="post-metadata">

**Author:** ![AcervoVivo](https://avatars.discourse-cdn.com/v4/letter/a/3be4f8/32.png) [@AcervoVivo](https://community.noloco.io/u/AcervoVivo)\
**Post date:** [March 15, 2025, 9:10am UTC](https://community.noloco.io/t/custom-colors-shades/1788/4 "2025-03-15T09:10:06Z")

</div>

Even using one of the default color themes (#f933c4), the issue is the same

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/a/a4b92fdc48f7c4ce74d27748c1ad02552b3fc87c.png)  
 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/4/422b41068026d496ff29a78b26b93cbeb3241f1d.png)

---

<div class="post-metadata">

**Author:** ![AcervoVivo](https://avatars.discourse-cdn.com/v4/letter/a/3be4f8/32.png) [@AcervoVivo](https://community.noloco.io/u/AcervoVivo)\
**Post date:** [March 18, 2025, 2:32pm UTC](https://community.noloco.io/t/custom-colors-shades/1788/5 "2025-03-18T14:32:19Z")

</div>

Hi, everyone!

Some ideas?

Nobody is experiencing this?

---

<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:** [March 18, 2025, 3:31pm UTC](https://community.noloco.io/t/custom-colors-shades/1788/6 "2025-03-18T15:31:15Z")

</div>

Hey!

Just to confirm I also have the same issue in Dark Mode.

This ideally needs fixing by the Noloco team, but you can add the below code to your custom CSS as a temporary fix, note this is quite crude and may impact other areas of the application.

```auto
<style>
    .dark .noloco-popover .bg-white {
        background-color: rgb(31 41 55);
    }
</style>

```

---

<div class="post-metadata">

**Author:** ![AcervoVivo](https://avatars.discourse-cdn.com/v4/letter/a/3be4f8/32.png) [@AcervoVivo](https://community.noloco.io/u/AcervoVivo)\
**Post date:** [March 18, 2025, 4:01pm UTC](https://community.noloco.io/t/custom-colors-shades/1788/7 "2025-03-18T16:01:23Z")

</div>

> [@EthosLuke](#):
>
> ```auto
> <style>
> .dark .noloco-popover .bg-white {
> background-color: rgb(31 41 55);
> }
> </style>
> 
> ```

Thank you @EthosLuke !