From 8460ceb4b7862e5491576b15cf9d74ef355423ca Mon Sep 17 00:00:00 2001
From: DokterKaj <54882101+DokterKaj@users.noreply.github.com>
Date: Fri, 16 Aug 2024 14:05:56 +0800
Subject: [PATCH] Fix: Make keybinds text/arrows visible (#316)

* Fix: Make keybinds text/arrows visible

* Remove text colour override

* Remove text colour override
---
 src/components/_chat.scss    |  5 -----
 src/components/_popouts.scss | 18 +++---------------
 2 files changed, 3 insertions(+), 20 deletions(-)

diff --git a/src/components/_chat.scss b/src/components/_chat.scss
index 69407355b..298f092c6 100644
--- a/src/components/_chat.scss
+++ b/src/components/_chat.scss
@@ -267,11 +267,6 @@ div[class^="chat"] > div[class^="content"] > div[class^="container"] {
     background-color: $base;
   }
 
-  // Help keys
-  div[class^="matchingPostsRow"] span[class^="key"] {
-    color: $crust !important;
-  }
-
   // forum icons
   div[class^="pinIcon"],
   div[class^="stepStatus"] {
diff --git a/src/components/_popouts.scss b/src/components/_popouts.scss
index 925a7930c..23e4f67c6 100644
--- a/src/components/_popouts.scss
+++ b/src/components/_popouts.scss
@@ -565,15 +565,12 @@ button#reaction-picker-tab div[class^="contents"] {
   color: $crust;
 }
 
+// Keybinds popout
 div[class*="keyboardShortcutsModal_"] {
   background-color: $mantle !important;
 
-  div[class^="keybindShortcut"] span[class^="key"] {
-    color: $crust;
-
-    svg g {
-      fill: $crust !important;
-    }
+  span[class^="key"] svg g {
+    fill: $text !important;
   }
 }
 
@@ -713,15 +710,6 @@ div[class^="layerContainer"] div[class^="pencilContainer"] {
   }
 }
 
-// Keybinds popout
-div[class^="keyboardShortcutsModal"] span[class^="key"] {
-  color: $crust !important;
-
-  svg g {
-    fill: $crust !important;
-  }
-}
-
 // Server tooltips
 [class*="disabledPointerEvents"] {
   --background-floating: #{$surface0};