Fxed: Slight UI label color adjustment

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>

frontend/src/Components/Form/RootFolderSelectInputOption.css

@@ -15,6 +15,6 @@
 
 .freeSpace {
   margin-left: 15px;
-  color: $gray;
+  color: $darkGray;
   font-size: $smallFontSize;
 }

frontend/src/Components/Label.css

@@ -40,13 +40,13 @@
 }
 
 .inverse {
-  border-color: $gray;
+  border-color: $lightGray;
-  background-color: $gray;
+  background-color: $lightGray;
   color: $defaultColor;
 
   &.outline {
     background-color: $defaultColor !important;
-    color: $gray;
+    color: $lightGray;
   }
 }
 

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