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

@@ -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;
+        }
     }
 }