diff --git a/src/style/_base.scss b/src/style/_base.scss
index 78e9ee2..57ef72a 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -60,8 +60,13 @@ $FallbackFonts:
     --panel-banner-success: #335544;
     --panel-banner-info: #334466;
 
+    /* Buttons, inputs... */
+    --button-active: #434343; /* on hover */
+    --button: #393939;
+    --text-input: #333333;
+
     /* Text */
-    --text-visible: #FFF; /* Use for best possible visibility. Used in button interactives on hover.  */
+    --text-visible: #FFF; /* Use for best possible visibility. Used in buttons on hover.  */
     --text: #DDD;
     --subtext: #999;
 }
diff --git a/src/style/app/pulldown/accounts.scss b/src/style/app/pulldown/accounts.scss
index 01c9dd9..dc29ee2 100644
--- a/src/style/app/pulldown/accounts.scss
+++ b/src/style/app/pulldown/accounts.scss
@@ -31,7 +31,7 @@
 
             button {
                 cursor:pointer;
-                background-color:#393939;
+                background-color:var(--button);
                 color:var(--text);
                 border:none;
                 outline:none;
@@ -46,7 +46,7 @@
 
                 &:hover {
                     transition-duration: 250ms;
-                    background-color:#434343;
+                    background-color:var(--button-active);
                     color: #ffffff;
                 }
                 
@@ -66,7 +66,7 @@
                 border-radius:0;
                 width:100%;
                 padding:5px;
-                background-color:#333333;
+                background-color:var(--text-input);
                 color:var(--text);
                 outline:none;
 
diff --git a/src/style/app/uploader/add_new_files.scss b/src/style/app/uploader/add_new_files.scss
index 43b89c2..cf3da92 100644
--- a/src/style/app/uploader/add_new_files.scss
+++ b/src/style/app/uploader/add_new_files.scss
@@ -46,7 +46,7 @@
             column-gap:10px;
 
             button, input[type=text] {
-                background-color:#333333;
+                background-color:var(--text-input);
                 color:var(--text);
                 border:none;
                 border-radius: 0px;
@@ -71,8 +71,8 @@
                         transition-duration:250ms;
                         flex-basis: 60%;
                     }
-                    background-color:#393939;
-                    color: #ffffff;
+                    background-color:var(--button);
+                    color: var(--text);
                 }
             }
 
diff --git a/src/style/app/uploader/file.scss b/src/style/app/uploader/file.scss
index b51ab4d..f775d07 100644
--- a/src/style/app/uploader/file.scss
+++ b/src/style/app/uploader/file.scss
@@ -16,7 +16,7 @@
         }
 
         input[type=text] {
-            background-color:#333333;
+            background-color:var(--text-input);
             color:var(--text);
             border:none;
             outline:none;
diff --git a/src/style/app/uploads.scss b/src/style/app/uploads.scss
index 1d4ac2a..2c502fe 100644
--- a/src/style/app/uploads.scss
+++ b/src/style/app/uploads.scss
@@ -52,7 +52,7 @@
 
     button {
         cursor:pointer;
-        background-color:#393939;
+        background-color:var(--button);
         color:var(--text);
         border:none;
         outline:none;
@@ -67,8 +67,8 @@
 
         &:hover {
             transition-duration: 250ms;
-            background-color:#434343;
-            color: #ffffff;
+            background-color:var(--button-active);
+            color: var(--text-visible);
         }
     }