# Suggestion - Theme dropdown selector without Built-in color

**URL:** <https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 27, 2024, 10:07am UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173 "2024-11-27T10:07:42Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 27, 2024, 10:07am UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/1 "2024-11-27T10:07:42Z")

</div>

Hello!

In the menu-bar Perspective has as default Theme selector there is no a built-in color so dark themes have dark letter.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/c/7c7bb85f056c85e202a0539ff004b09c260fa4ee.png)

I added the --neutral-90 color and works fine.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/f/df9d6775aac8db24899f182c8b2f93d180ebeb60.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/a/1ae40d8d31a9379f2591ceffd2a394f0f9657b44.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/1/01b5623be6cd52face804936d43770b4690793d9.png)

Cheers.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 27, 2024, 10:38am UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/2 "2024-11-27T10:38:56Z")

</div>

What is theme dropdown? is that a new component? cus the normal dropdown definitly has a color.

Maybe you are overriding it somewhere

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 27, 2024, 10:46am UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/3 "2024-11-27T10:46:42Z")

</div>

HI!

I mean the default menu in an Ignition Perspective starting project, has a dropdow which allows you to choose themes and this dropdown does not include theme colors itself

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 27, 2024, 11:29am UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/4 "2024-11-27T11:29:51Z")

</div>

every dropdown should have, but maybe that Header/dropdown class overwrites it by accident

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 27, 2024, 1:05pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/5 "2024-11-27T13:05:40Z")

</div>

> [@Alejandro\_Alaco](#):
>
> I mean the default menu in an Ignition Perspective starting project,

Where is this?

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 27, 2024, 1:10pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/6 "2024-11-27T13:10:45Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/9/59c36ba7a4c6fe545164be9b4e47cf7e8ac23493.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/f/bfec3fa33ea704da0fb5374061eb254d3e416668.png)

On that Menu

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 27, 2024, 1:18pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/7 "2024-11-27T13:18:07Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/0/600f008ae1edaaf691952b8bb89ebea0b1653a83.png)  
works fine for me 🤷  
both the added class and the default have a color defined

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/6/f6d1ed1bf1bfcd5d3e8cc44b47d7060c563eb23a.png)

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 27, 2024, 1:20pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/8 "2024-11-27T13:20:08Z")

</div>

🤔 😓 well, I didn´t touch those styles, maybe an older versión...

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 27, 2024, 1:25pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/9 "2024-11-27T13:25:22Z")

</div>

there is no color defined in the style?

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 27, 2024, 1:25pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/10 "2024-11-27T13:25:41Z")

</div>

You are right, I had a property overwriting the color, sorry for the post

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/e/9e2f91366dc2be46ac12a067bcc6598b3f2af510.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 27, 2024, 1:27pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/11 "2024-11-27T13:27:48Z")

</div>

That style was also provided by the template, but maybe you editted it, or maybe an different version has that as default no idea

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 27, 2024, 1:33pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/12 "2024-11-27T13:33:53Z")

</div>

> [@Alejandro\_Alaco](#):
>
> I had a property overwriting the color, ...

 ![CSS hard-coded](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/e/0e5766c447884914b033a7a39dbf4a8c6c18aeb4.png)

Overriding a color is OK, but if you're using themes you need to override with a theme variable, not a hard-coded color. In this case one of the `--neutral-xx` theme variables would have avoided the problem.

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 27, 2024, 1:41pm UTC](https://forum.inductiveautomation.com/t/suggestion-theme-dropdown-selector-without-built-in-color/99173/13 "2024-11-27T13:41:04Z")

</div>

Yes, thanks for your help, thanks to the themes variable you sent the dark modes are working fine already. Cheers!

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/3/637040bb5d9e6572df1bd0cd84572d48117fe801.png)
