From 1d5001544c57fc2d08452865c4f5fde3d9f6c196 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Wed, 18 Mar 2020 17:32:36 +0000
Subject: [PATCH] Improve colouring

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/views/dialogs/_KeyboardShortcutsDialog.scss | 6 +++---
 res/themes/dark/css/_dark.scss                      | 2 ++
 res/themes/light/css/_light.scss                    | 2 ++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/res/css/views/dialogs/_KeyboardShortcutsDialog.scss b/res/css/views/dialogs/_KeyboardShortcutsDialog.scss
index ce7dd90d33..f529b11059 100644
--- a/res/css/views/dialogs/_KeyboardShortcutsDialog.scss
+++ b/res/css/views/dialogs/_KeyboardShortcutsDialog.scss
@@ -44,13 +44,13 @@ limitations under the License.
     kbd {
         padding: 5px;
         border-radius: 4px;
-        background: $other-user-pill-bg-color;
+        background-color: $reaction-row-button-bg-color;
         margin-right: 5px;
         min-width: 20px;
         text-align: center;
         display: inline-block;
-        border: 1px solid black;
-        box-shadow: 0 2px black;
+        border: 1px solid $kbd-border-color;
+        box-shadow: 0 2px $kbd-border-color;
         margin-bottom: 4px;
         text-transform: capitalize;
 
diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
index a3515a9d99..77360c870a 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -165,6 +165,8 @@ $reaction-row-button-hover-border-color: $header-panel-text-primary-color;
 $reaction-row-button-selected-bg-color: #1f6954;
 $reaction-row-button-selected-border-color: $accent-color;
 
+$kbd-border-color: #000000;
+
 $tooltip-timeline-bg-color: $tagpanel-bg-color;
 $tooltip-timeline-fg-color: #ffffff;
 
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index 626ccb2e13..9bdd712e07 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -290,6 +290,8 @@ $reaction-row-button-hover-border-color: $focus-bg-color;
 $reaction-row-button-selected-bg-color: #e9fff9;
 $reaction-row-button-selected-border-color: $accent-color;
 
+$kbd-border-color: $reaction-row-button-border-color;
+
 $tooltip-timeline-bg-color: $tagpanel-bg-color;
 $tooltip-timeline-fg-color: #ffffff;