Fxed: Slight UI label color adjustment

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
6 years ago · fe865fc4c3
parent 097429c545
commit fe865fc4c3
3 changed files with 6 additions and 4 deletions
--- 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;
 }
--- 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;
  }
 }

--- 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