Fixed: Theme Variables

frontend/src/Components/Form/CheckInput.css

@@ -54,8 +54,8 @@
 }
 
 .primaryIsChecked {
-  border-color: var(--primaryColor);
-  background-color: var(--primaryColor);
+  border-color: var(--lidarrGreen);
+  background-color: var(--lidarrGreen);
 
   &.isDisabled {
     opacity: 0.7;

frontend/src/Components/Label.css

@@ -61,21 +61,21 @@
 }
 
 .primary {
-  border-color: var(--primaryColor);
-  background-color: var(--primaryColor);
+  border-color: var(--lidarrGreen);
+  background-color: var(--lidarrGreen);
 
   &.outline {
-    color: var(--primaryColor);
+    color: var(--lidarrGreen);
   }
 }
 
 .success {
-  border-color: var(--successColor);
-  background-color: var(--successColor);
+  border-color: var(--lidarrGreen);
+  background-color: var(--lidarrGreen);
   color: #eee;
 
   &.outline {
-    color: var(--successColor);
+    color: var(--lidarrGreen);
   }
 }
 

frontend/src/Styles/Themes/dark.js

@@ -17,9 +17,9 @@ module.exports = {
   white,
   offWhite,
   blue: '#06f',
-  primaryColor: '#0b8750',
+  primaryColor: '#5d9cec',
   selectedColor: '#f9be03',
-  successColor: '#27c24c',
+  successColor: '#00853d',
   dangerColor: '#f05050',
   warningColor: '#ffa500',
   infoColor: lidarrGreen,

frontend/src/Styles/Themes/light.js

@@ -17,9 +17,9 @@ module.exports = {
   white,
   offWhite,
   blue: '#06f',
-  primaryColor: '#0b8750',
+  primaryColor: '#5d9cec',
   selectedColor: '#f9be03',
-  successColor: '#27c24c',
+  successColor: '#00853d',
   dangerColor: '#f05050',
   warningColor: '#ffa500',
   infoColor: lidarrGreen,