# Darken background behind notification window

**URL:** <https://discourse.nodered.org/t/darken-background-behind-notification-window/97452>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [6 June 2025 17:18 UTC](https://discourse.nodered.org/t/darken-background-behind-notification-window/97452 "2025-06-06T17:18:51Z")\
**Posts on this page:** 4\
**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:** [6 June 2025 17:18 UTC](https://discourse.nodered.org/t/darken-background-behind-notification-window/97452/1 "2025-06-06T17:18:51Z")

</div>

Hello,

is it possible to darken the background behind the notification window so that the notification window is better highlighted?

---

<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:** [6 June 2025 17:44 UTC](https://discourse.nodered.org/t/darken-background-behind-notification-window/97452/2 "2025-06-06T17:44:30Z")

</div>

Some some css in a ui-template will do that.

Use your browsers dev tools to find the class / variable that affects it. Once you have that, make a ui-template with the necessary CSS override.

---

<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:** [7 June 2025 09:39 UTC](https://discourse.nodered.org/t/darken-background-behind-notification-window/97452/3 "2025-06-07T09:39:18Z")

</div>

I found the necessary CCS:

```auto
.v-snackbar {
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0px !important;
}

```

---

<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:** [21 June 2025 09:40 UTC](https://discourse.nodered.org/t/darken-background-behind-notification-window/97452/4 "2025-06-21T09:40:01Z")

</div>

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