From 20a82ee8ae3b77ca292aab008719ff7902917565 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 16 Jan 2021 22:59:23 +0100
Subject: [PATCH] Make the icons in the menu light grey

---
 src/styles/components/list.scss  | 2 +-
 src/styles/theme/navigation.scss | 5 ++++-
 src/styles/theme/variables.scss  | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss
index 6a5079957..a2b2fb0d0 100644
--- a/src/styles/components/list.scss
+++ b/src/styles/components/list.scss
@@ -48,7 +48,7 @@
   }
 
   .icon {
-    color: $grey-dark;
+    color: $grey-almost-light;
     margin-left: 1rem;
     height: 1rem;
     width: 1rem;
diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index 67f3f9b50..dc2314216 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -277,7 +277,6 @@
           border-left: $vikunja-nav-selected-width solid transparent;
 
           .icon {
-            color: lighten($vikunja-nav-color, 20);
             height: 1rem;
             vertical-align: middle;
             padding-bottom: 4px;
@@ -320,6 +319,10 @@
         left: calc(50% - .75em);
         border-width: 2px;
       }
+
+      .icon {
+        color: $grey-almost-light;
+      }
     }
 
     .top-menu {
diff --git a/src/styles/theme/variables.scss b/src/styles/theme/variables.scss
index efdc4df15..4d37fea7c 100644
--- a/src/styles/theme/variables.scss
+++ b/src/styles/theme/variables.scss
@@ -6,6 +6,7 @@ $blue: #1973ff;
 $primary: $blue;
 $dark: lighten($black, 8);
 $grey: hsl(0, 0%, 48%);
+$grey-almost-light: hsl(0, 0%, 57%);
 
 $info-invert: #fff;
 $family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;