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