# Dropdown search string color theme

**URL:** <https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911>\
**Category:** Dashboard\
**Tags:** dashboard-2, dropdown\
**Created:** [26 January 2025 06:49 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911 "2025-01-26T06:49:07Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [26 January 2025 06:49 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/1 "2025-01-26T06:49:07Z")

</div>

in the dropdown node, the search string highlights the options with white on white, in dark theme, cant find which attribute controls this. any help plesae

 ![Screenshot 2025-01-26 121142](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/a/9ab0605073a310208c5dba41624ffb91892a04c6.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [26 January 2025 07:01 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/2 "2025-01-26T07:01:45Z")

</div>

```auto
.v-combobox__mask {
    background: rgb(var(--v-theme-primary));
}

```

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [26 January 2025 07:08 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/3 "2025-01-26T07:08:16Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/b/cb2afa07cbb6fdea70b85c3ee98460406c64ad6d.png)

Perfect!

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [26 January 2025 09:33 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/4 "2025-01-26T09:33:38Z")

</div>

@hotnipi/@joepavitt is this something we should have baked into the dashboard CSS?

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [26 January 2025 09:37 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/5 "2025-01-26T09:37:06Z")

</div>

Using the --v-theme-primary here should be quite safe, but maybe to consider to reduce a bit opacity to the color to keep text a bit more stand out.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [3 February 2025 09:28 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/6 "2025-02-03T09:28:53Z")

</div>

Yes please - was an issue opened?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [17 February 2025 09:29 UTC](https://discourse.nodered.org/t/dropdown-search-string-color-theme/94911/7 "2025-02-17T09:29:06Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.