From 2c194a620c193f4460a718cb778a218a29467838 Mon Sep 17 00:00:00 2001
From: ByronEricPerez <xxloboisthemanxx@gmail.com>
Date: Thu, 14 Jul 2022 17:42:05 -0300
Subject: [PATCH] var --color-editor-button-hover-bg and
 --color-editor-button-active-bg created

---
 ui/scss/component/_markdown-editor.scss | 4 ++--
 ui/scss/init/_base-theme.scss           | 2 ++
 ui/scss/themes/dark.scss                | 2 ++
 ui/scss/themes/light.scss               | 2 ++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss
index 2f38b65ff..8267bc155 100644
--- a/ui/scss/component/_markdown-editor.scss
+++ b/ui/scss/component/_markdown-editor.scss
@@ -118,11 +118,11 @@
 
       &:hover {
         color: var(--color-header-link);
-        background-color: var(--color-border);
+        background-color: var(--color-editor-button-hover-bg);
       }
     }
     button.active {
-      background: var(--color-border);
+      background: var(--color-editor-button-active-bg);
     }
   }
 }
diff --git a/ui/scss/init/_base-theme.scss b/ui/scss/init/_base-theme.scss
index 3018f4863..686458f4c 100644
--- a/ui/scss/init/_base-theme.scss
+++ b/ui/scss/init/_base-theme.scss
@@ -170,6 +170,8 @@
   --color-editor-url: var(--color-editor-string);
   --color-editor-hr: var(--color-editor-tag);
   --color-editor-hr-preview: #cccccc;
+  --color-editor-button-hover-bg: #333338;
+  --color-editor-button-active-bg: #333338;
 
   // Other
   --color-focus: #bfdbfe;
diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss
index 20fe82b5f..9899eb8cf 100644
--- a/ui/scss/themes/dark.scss
+++ b/ui/scss/themes/dark.scss
@@ -186,6 +186,8 @@
   --color-editor-url: var(--color-editor-string);
   --color-editor-hr: var(--color-editor-tag);
   --color-editor-hr-preview: #a0a0a0;
+  --color-editor-button-hover-bg: #333338;
+  --color-editor-button-active-bg: #333338;
 
   // Ads
   --color-ads-background: #475057;
diff --git a/ui/scss/themes/light.scss b/ui/scss/themes/light.scss
index 67b79ac6c..2451d22a4 100644
--- a/ui/scss/themes/light.scss
+++ b/ui/scss/themes/light.scss
@@ -171,6 +171,8 @@
   --color-editor-url: var(--color-editor-string);
   --color-editor-hr: var(--color-editor-tag);
   --color-editor-hr-preview: #cccccc;
+  --color-editor-button-hover-bg: #333338;
+  --color-editor-button-active-bg: #333338;
 
   // Ads
   --color-ads-background: #fae5ff;