# Background of notification

**URL:** <https://discourse.nodered.org/t/background-of-notification/96770>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [26 April 2025 17:16 UTC](https://discourse.nodered.org/t/background-of-notification/96770 "2025-04-26T17:16:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MKaiser96](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@MKaiser96](https://discourse.nodered.org/u/MKaiser96)\
**Post date:** [26 April 2025 17:16 UTC](https://discourse.nodered.org/t/background-of-notification/96770/1 "2025-04-26T17:16:18Z")

</div>

Hi,

I added a notification node to my dashboard 2. I use a dark mode theme and it is hard to see the notification. How can I change the background color of the notification?

Here is a screenshot.

 ![Screenshot 26.04.2025 um 19.10.48 PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/3/134fb67f2b3a34979ca27a7bb358d9f44793a5e5.png)

I would like to use a lighter gray background to make this message easier to see.

---

<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 April 2025 17:44 UTC](https://discourse.nodered.org/t/background-of-notification/96770/2 "2025-04-26T17:44:34Z")

</div>

A quick and dirty way would be to override the CSS using a ui-template

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/f/9f8a375929b4ebbf0a2106737e6b59ff22488ca7.png)

```auto
.nrdb-ui-notification .v-snackbar__wrapper {
    background-color: gainsboro;
}

```

---

<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:** [26 May 2025 17:45 UTC](https://discourse.nodered.org/t/background-of-notification/96770/3 "2025-05-26T17:45:25Z")

</div>

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