From 174257d1fda3f8926386c82d1ea26694110c86eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Thu, 21 May 2026 11:05:05 +0200
Subject: [PATCH] Always use the body background for notification menu

On small screen the menu inherits of the navbar background which reduces the
contrast with the item of the menu.

Closes #14855
(grafted from d6e959a65a3f1ec3fb65f96808df61b66bedb4cb)

--HG--
branch : 8.0
---
 sao/src/sao.less | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/sao/src/sao.less b/sao/src/sao.less
index c7d37df290..7a0a8148e1 100644
--- a/sao/src/sao.less
+++ b/sao/src/sao.less
@@ -441,6 +441,9 @@ html[theme="default"] {
     }
 
     ul.notification-menu {
+        background-color: @body-bg;
+        color: @text-color;
+
         @media (min-width: @grid-float-breakpoint) {
             width: 320px;
         }
@@ -453,6 +456,7 @@ html[theme="default"] {
             }
 
             > a {
+                color: @text-color;
                 display: flex;
                 padding: 3px 10px;
 
@@ -489,6 +493,10 @@ html[theme="default"] {
                 }
             }
         }
+
+        > li.divider {
+            background-color: @dropdown-divider-bg;
+        }
     }
 }