From a66f7798f9421b317878bd8363fbd7ddc1fa790a Mon Sep 17 00:00:00 2001
From: Matthias M <62722460+kleinerpirat@users.noreply.github.com>
Date: Sun, 23 May 2021 01:18:00 +0200
Subject: [PATCH] Add CSS variable --button-bg

might be useful for add-on developers.
---
 ts/editor/legacy.scss | 3 +--
 ts/sass/_vars.scss    | 2 ++
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ts/editor/legacy.scss b/ts/editor/legacy.scss
index 07f9af6da..b0bc84cde 100644
--- a/ts/editor/legacy.scss
+++ b/ts/editor/legacy.scss
@@ -2,7 +2,7 @@
 
 .linkb {
     display: inline-block;
-    background-color: white;
+    background-color: var(--button-bg);
     border: 1px solid var(--medium-border);
     @include button.btn-border-radius;
     min-width: 28px;
@@ -37,7 +37,6 @@
 
 .nightMode {
     .linkb {
-        background-color: #666;
         margin-left: 1px;
     }
     
diff --git a/ts/sass/_vars.scss b/ts/sass/_vars.scss
index 949307835..d8633e0b3 100644
--- a/ts/sass/_vars.scss
+++ b/ts/sass/_vars.scss
@@ -5,6 +5,7 @@
     --text-fg: black;
     --window-bg: #ececec;
     --frame-bg: white;
+    --button-bg: white;
     --border: #aaa;
     --medium-border: #b6b6b6;
     --faint-border: #e7e7e7;
@@ -36,6 +37,7 @@
     --text-fg: white;
     --window-bg: #2f2f31;
     --frame-bg: #3a3a3a;
+    --button-bg: #666;
     --border: #777;
     --medium-border: #444;
     --faint-border: #29292b;