fix: Coloring for icons in the list to only target non-special leafs. (…

…#230) fixes #177
blinkk · Aug 13, 2021 · c68543f · c68543f
1 parent ab4e21a
commit c68543f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/sass/_scheme.sass b/src/sass/_scheme.sass
@@ -25,7 +25,7 @@
     --color-tertiary: #eeeeee
     --color-on-tertiary: #000000
 
-    --color-tertiary-dark: #bcbcbc
+    --color-tertiary-dark: #aaaaaa
     --color-on-tertiary-dark: #000000
 
     --color-extreme: #C71F25

diff --git a/src/sass/editor.sass b/src/sass/editor.sass
@@ -13,7 +13,7 @@
   overflow: hidden
 
   &--docked-menu
-    column-gap: $le-space-xxxsmall
+    column-gap: $le-space-xxsmall
     grid-template-columns: minmax(300px, 15%) 1fr
 
   *

diff --git a/src/sass/ui/_list.sass b/src/sass/ui/_list.sass
@@ -185,8 +185,11 @@
     margin: 0 $le-space-medium 0 0
 
 .le__list__item__icon
+  // Use the tertiary color when not special.
+  :not(.le__list__item--heading):not(.le__list__item--selected):not(.le__list__item--primary):not(.le__list__item--secondary) > &
+    color: var(--color-tertiary-dark)
+
   align-items: center
-  color: var(--color-tertiary-dark)
   display: flex
   justify-content: center
   height: $le-font-size-icon-menu