From 859b67d5c667c5fe4247c87929160ba5e8275e4d Mon Sep 17 00:00:00 2001
From: sproxet <me@sproxet.dev>
Date: Fri, 27 Aug 2021 20:00:42 +0700
Subject: [PATCH] Make sure menu text stands out from the background.

---
 src/renderer/components/Sidebar/MainMenu.vue | 3 ++-
 src/renderer/styles/_colors.scss             | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/Sidebar/MainMenu.vue b/src/renderer/components/Sidebar/MainMenu.vue
index 361d0164..f1af2f4c 100644
--- a/src/renderer/components/Sidebar/MainMenu.vue
+++ b/src/renderer/components/Sidebar/MainMenu.vue
@@ -60,11 +60,12 @@ nav {
 
         &:active {
             background-color: var(--color-primary-button-pressed);
+            color: var(--color-primary-contrast);
         }
 
         &.router-link-active {
             background-color: var(--color-primary-background);
-            color: var(--color-text-primary);
+            color: var(--color-primary-contrast);
         }
     }
 }
diff --git a/src/renderer/styles/_colors.scss b/src/renderer/styles/_colors.scss
index f8291538..6471488f 100644
--- a/src/renderer/styles/_colors.scss
+++ b/src/renderer/styles/_colors.scss
@@ -21,6 +21,7 @@
     --color-primary-button-hover: #EBEFF4;
     --color-primary-button-minimal-background: rgba(155, 28, 46, 0.1);
     --color-primary-button-subtle-background: rgba(155, 28, 46, 0.05);
+    --color-primary-contrast: #FDFDFF;
 
     --color-secondary: #2FA299;
     --color-secondary-button-pressed: #149389;
@@ -67,6 +68,7 @@
     --color-primary-button-hover: #AB3748;
     --color-primary-button-minimal-background: rgba(155, 28, 46, 0.1);
     --color-primary-button-subtle-background: rgba(155, 28, 46, 0.05);
+    --color-primary-contrast: #D2D3D4;
 
     --color-secondary: #2FA299;
     --color-secondary-button-pressed: #149389;