From fe865fc4c3ad51217f4a9f495ff85ad8990faf37 Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Tue, 16 Oct 2018 21:16:32 -0400
Subject: [PATCH] Fxed: Slight UI label color adjustment

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
---
 .../src/Components/Form/RootFolderSelectInputOption.css     | 2 +-
 frontend/src/Components/Label.css                           | 6 +++---
 frontend/src/Styles/Variables/colors.js                     | 2 ++
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Components/Form/RootFolderSelectInputOption.css b/frontend/src/Components/Form/RootFolderSelectInputOption.css
index 061587119..d8b44fcad 100644
--- a/frontend/src/Components/Form/RootFolderSelectInputOption.css
+++ b/frontend/src/Components/Form/RootFolderSelectInputOption.css
@@ -15,6 +15,6 @@
 
 .freeSpace {
   margin-left: 15px;
-  color: $gray;
+  color: $darkGray;
   font-size: $smallFontSize;
 }
diff --git a/frontend/src/Components/Label.css b/frontend/src/Components/Label.css
index 6d8bce4ca..b63b760c2 100644
--- a/frontend/src/Components/Label.css
+++ b/frontend/src/Components/Label.css
@@ -40,13 +40,13 @@
 }
 
 .inverse {
-  border-color: $gray;
-  background-color: $gray;
+  border-color: $lightGray;
+  background-color: $lightGray;
   color: $defaultColor;
 
   &.outline {
     background-color: $defaultColor !important;
-    color: $gray;
+    color: $lightGray;
   }
 }
 
diff --git a/frontend/src/Styles/Variables/colors.js b/frontend/src/Styles/Variables/colors.js
index 62d8f04bc..ec68adc81 100644
--- a/frontend/src/Styles/Variables/colors.js
+++ b/frontend/src/Styles/Variables/colors.js
@@ -17,7 +17,9 @@ module.exports = {
   nzbdronePink: '#f43565',
   lidarrGreen,
   helpTextColor: '#909293',
+  darkGray: '#888',
   gray: '#adadad',
+  lightGray: '#ddd',
   disabledInputColor: '#808080',
 
   // Theme Colors