[AAE-19247] Add css variables for selected and hover menu item (#3592)

Alfresco · Jan 10, 2024 · 58070d9 · 58070d9
1 parent 2b90e43
commit 58070d9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/projects/aca-content/src/lib/components/sidenav/sidenav.component.scss b/projects/aca-content/src/lib/components/sidenav/sidenav.component.scss
@@ -80,7 +80,7 @@
         user-select: none;
 
         &:hover .aca-action-button__label {
-          color: var(--theme-sidenav-text-color);
+          color: var(--theme-sidenav-active-text-color);
         }
       }
 
@@ -103,7 +103,7 @@
       line-height: 32px;
 
       &--active {
-        color: var(--theme-sidenav-text-color);
+        color: var(--theme-sidenav-active-text-color);
         background: var(--theme-selected-background-color);
       }
     }

diff --git a/projects/aca-content/src/lib/ui/variables/variables.scss b/projects/aca-content/src/lib/ui/variables/variables.scss
@@ -48,6 +48,7 @@ $defaults: (
   --theme-search-background-color: darken($background-color, 1),
   --theme-text-color: mat.get-color-from-palette($foreground, text, 0.54),
   --theme-sidenav-text-color: mat.get-color-from-palette($foreground, text),
+  --theme-sidenav-active-text-color: mat.get-color-from-palette($foreground, text),
   --theme-sidenav-user-menu-color: mat.get-color-from-palette($foreground, text),
   --theme-text-bold-color: mat.get-color-from-palette($foreground, text, 0.87),
   --theme-title-color: mat.get-color-from-palette($foreground, text, 0.87),