From 4cf93bb170d660a82c067971fed58a608b120d84 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sun, 2 Jun 2019 10:25:36 +0200
Subject: [PATCH] Change color of box before input

---
 input.scss | 4 ++--
 styles.css | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/input.scss b/input.scss
index b0960cc..b9f56d9 100644
--- a/input.scss
+++ b/input.scss
@@ -195,7 +195,7 @@ input[type="range"] {
     button {
         box-sizing: border-box;
         display: inline-block;
-        background: var(--input-border-active);
+        background: var(--button-colored-background);
         height: 2rem;
         font-size: 1rem;
         min-width: 40px;
@@ -211,7 +211,7 @@ input[type="range"] {
         flex-shrink: 0;
 
         &:hover {
-            background: var(--input-border-active);
+            background: var(--button-colored-background-hover);
         }
     }
 
diff --git a/styles.css b/styles.css
index 3a47e5c..47c19a2 100644
--- a/styles.css
+++ b/styles.css
@@ -3694,7 +3694,7 @@ input[type="range"] {
   .input button {
     box-sizing: border-box;
     display: inline-block;
-    background: var(--input-border-active);
+    background: var(--button-colored-background);
     height: 2rem;
     font-size: 1rem;
     min-width: 40px;
@@ -3708,7 +3708,7 @@ input[type="range"] {
     flex-grow: 0;
     flex-shrink: 0; }
     .input button:hover {
-      background: var(--input-border-active); }
+      background: var(--button-colored-background-hover); }
   .input i {
     position: relative;
     vertical-align: middle; }