From 83a2261838ec09ea8dc1f20954914b911139dad1 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Mon, 12 Feb 2024 23:19:43 +0100
Subject: [PATCH] add --background-invert-if-bright in top menu (fix #326)

---
 src/AppMenu.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index c456370..f90ebad 100644
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -21,7 +21,10 @@
   -->
 
 <template>
-  <nav class="app-menu show">
+  <nav
+    class="app-menu show"
+    :aria-label="t('core', 'Applications menu')"
+  >
     <ul
       class="app-menu-main"
       :class="{ 'app-menu-main__hidden-label': hiddenLabels === 1, 'app-menu-main__show-hovered': hiddenLabels === 2 }"
@@ -214,7 +217,7 @@ $header-icon-size: 20px;
       width: $header-icon-size;
       height: $header-icon-size;
       padding: calc((100% - $header-icon-size) / 2);
-      filter: var(--primary-invert-if-bright);
+      filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
     }
 
     .app-menu-entry--label {
@@ -320,7 +323,7 @@ $header-icon-size: 20px;
     }
 
     img {
-      filter: var(--background-invert-if-bright);
+      filter: var(--background-invert-if-bright, var(--primary-invert-if-bright));
       width: $header-icon-size;
       height: $header-icon-size;
       padding: calc((50px - $header-icon-size) / 2);