From 5ad0da1766e7206c23cf8001167bd1d968ec88bb Mon Sep 17 00:00:00 2001
From: emma <hi@emma.cafe>
Date: Thu, 8 Dec 2022 19:18:13 +0000
Subject: [PATCH] update text color on nav to be less glaring

---
 src/components/nav_panel/nav_panel.vue     | 3 +--
 src/components/side_drawer/side_drawer.vue | 6 +++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index 98aa0014e..69f311d37 100644
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@@ -155,8 +155,7 @@
     line-height: 3.5em;
     padding: 0 1em;
     width: 100%;
-    color: $fallback--link;
-    color: var(--link, $fallback--link);
+    color: $fallback--text;
 
     &:hover {
       background-color: $fallback--lightBg;
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index a602ac9a7..7dc690ff1 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -366,13 +366,17 @@
   padding: 0;
 
   a,
-  button {
+  button,
+  .button-unstyled.-link {
     box-sizing: border-box;
     display: block;
     height: 3em;
     line-height: 3em;
     padding: 0 0.7em;
 
+    color: $fallback--text;
+    color: var(--menuPopoverText, $fallback--text);
+
     &:hover {
       background-color: $fallback--lightBg;
       background-color: var(--selectedMenuPopover, $fallback--lightBg);