Fix sidenav selected text color

Alfresco · Dec 8, 2023 · 00d2ed5 · 00d2ed5
1 parent 2441dd4
commit 00d2ed5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 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
@@ -27,7 +27,7 @@
 
       &-text {
         flex: 1;
-        color: var(--theme-selected-text-color);
+        color: var(--theme-sidenav-text-color);
         padding-left: 12px;
         letter-spacing: 0.25px;
         font-style: normal;
@@ -80,7 +80,7 @@
         user-select: none;
 
         &:hover .aca-action-button__label {
-          color: var(--theme-selected-text-color);
+          color: var(--theme-sidenav-text-color);
         }
       }
 
@@ -103,7 +103,7 @@
       line-height: 32px;
 
       &--active {
-        color: var(--theme-selected-text-color);
+        color: var(--theme-sidenav-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
@@ -46,6 +46,7 @@ $defaults: (
   --theme-background-color: $background-color,
   --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-text-bold-color: mat.get-color-from-palette($foreground, text, 0.87),
   --theme-title-color: mat.get-color-from-palette($foreground, text, 0.87),
   --theme-text-disabled-color: mat.get-color-from-palette($foreground, text, 0.38),