# Changing the Base Color Setting via CSS

**URL:** https://discourse.nodered.org/t/changing-the-base-color-setting-via-css/51497
**Category:** General
**Created:** [25 September 2021 06:32 UTC](https://discourse.nodered.org/t/changing-the-base-color-setting-via-css/51497 "2021-09-25T06:32:21Z")
**Posts on this page:** 1
**Showing post:** 7

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [25 September 2021 10:19 UTC](https://discourse.nodered.org/t/changing-the-base-color-setting-via-css/51497/7 "2021-09-25T10:19:18Z")

</div>

"Invisible" segments use style="fill: var(--nr-dashboard-groupBackgroundColor);"  
"visible" segments use style="fill: var(--nr-dashboard-pageTitlebarBackgroundColor);"

So you can override it like this:

![Untitled 1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/d/cd5ea6bdc7118cf62a5a9d8ad6d410d5378793dd.jpeg)

```auto
.nr-dashboard-ui_digital_display.visible svg path {
 --nr-dashboard-pageTitlebarBackgroundColor : red;
}

```

Edit - I don't think you need .visible since it's the entire widget which is visible not individual segments.

---

_[View the full topic](https://discourse.nodered.org/t/changing-the-base-color-setting-via-css/51497)._