sonarr var update

CSS/themes/sonarr/aquamarine.css

@@ -12,10 +12,10 @@
 
 /* SONARR AQUAMARINE THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
-  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -23,20 +23,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-
-  --button-color: #009688;
-  --button-color-hover: #12afa0;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-
-  --accent-color:  #009688;
-  --accent-color-hover: #12afa0;
   --queue-color: #009688;
-  --link-color: #0ed2bf;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #999;
 }

CSS/themes/sonarr/dark.css

@@ -13,10 +13,10 @@
 
 /* SONARR DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/dark.css);
-  --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
-  --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -24,20 +24,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-  
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-
-  --accent-color:  rgba(255, 255, 255, 0.25);
-  --accent-color-hover: rgba(255, 255, 255, 0.45);
   --queue-color: #6b5;
-  --link-color: #ddd;
+}
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #999;
-  }

CSS/themes/sonarr/dracula.css

@@ -12,10 +12,10 @@
 
 /* SONARR DRACULA THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/dracula.css);
-  --main-bg-color: #282a36;
-  --modal-bg-color: #282a36;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -23,20 +23,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-
-  --button-color: #bd93f9;
-  --button-color-hover: #ff79c6;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-
-  --accent-color:  #50fa7b;
-  --accent-color-hover: #50fa7b;
   --queue-color: #50fa7b;
-  --link-color: #ff79c6;
-  --link-color-hover: #8be9fd;
-  --label-text-color: #282a36;
-    
-  --text:#6272a4;
-  --text-hover: #95adfa;
-  --text-muted: #999;
 }

CSS/themes/sonarr/hotline.css

@@ -12,10 +12,10 @@
 
 /* SONARR HOTLINE THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/hotline.css);
-  --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
-  --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -23,20 +23,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-  
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  
-  --accent-color:  #F44336;
-  --accent-color-hover: #0b3161;
   --queue-color: #6b5;
-  --link-color: #ddd;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #999;
 }

CSS/themes/sonarr/organizr-dark.css

@@ -12,10 +12,10 @@
 
 /* SONARR ORGANIZR-DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
-  --main-bg-color: #1f1f1f;
-  --modal-bg-color: #1b1b1b;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -23,20 +23,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-  
-  --button-color: #2cabe3;
-  --button-color-hover: rgb(44 171 227 / .8);
-  --button-text: #eee;
-  --button-text-hover: #fff;
-
-  --accent-color:  #2cabe3;
-  --accent-color-hover: white;
   --queue-color: #2cabe3;
-  --link-color: #2cabe3;
+}
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#96a2b4;
-  --text-hover: #fff;
-  --text-muted: #999;
-  }

CSS/themes/sonarr/plex.css

@@ -12,10 +12,10 @@
 
 /* SONARR PLEX THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/plex.css);
-  --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
-  --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -23,20 +23,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-  
-  --button-color: #cc7b19;
-  --button-color-hover: #e59029;
-  --button-text: #eee;
-  --button-text-hover: #fff;
-
-  --accent-color:  #e5a00d;
-  --accent-color-hover: #ffc107;
   --queue-color: #27c24c;
-  --link-color: #e5a00d;
+}
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #999;
-  }

CSS/themes/sonarr/sonarr-base.css

@@ -113,7 +113,7 @@ a:hover {
 [class*="ModalHeader-modalHeader-"] {
     background: var(--modal-bg-color);
     color: #fff;
-    border-bottom: var(--accent-color);
+    border-bottom: rgb(var(--accent-color));
 }
 
 [class*="ModalContent-modalContent-"] {
@@ -124,7 +124,7 @@ a:hover {
 [class*="ModalFooter-modalFooter-"] {
     background: var(--modal-bg-color);
     color: #fff;
-    border-top: 1px solid var(--accent-color);
+    border-top: 1px solid rgb(var(--accent-color));
 }
 
 [class*="ModalContent-closeButton-"]:hover {
@@ -167,8 +167,8 @@ a:hover {
 }
 
 [class*="CheckInput-primaryIsChecked-"] {
-    border-color: var(--accent-color) !important;
+    border-color: rgb(var(--accent-color))!important;
-    background-color: var(--accent-color) !important;
+    background-color: rgb(var(--accent-color))!important;
     color: var(--label-text-color) !important;
 }
 
@@ -226,14 +226,14 @@ a:hover {
 }
 
 [class*="PageSidebarItem-link-"]:hover {
-    color: var(--accent-color);
+    color: rgb(var(--accent-color));
     text-decoration: none;
 }
 
 [class*="PageSidebarItem-isActiveLink-"],
 [class*="PageSidebarItem-isActiveLink-"]:hover, 
 [class*="PageSidebarItem-link-"]:focus {
-    color: var(--accent-color) !important;
+    color: rgb(var(--accent-color))!important;
 }
 
 [class*="PageSidebarItem-isActiveParentLink-"] {
@@ -247,13 +247,13 @@ a:hover {
 }
 
 [class*="PageSidebarItem-isActiveItem-"] {
-    border-left: 3px solid var(--accent-color);
+    border-left: 3px solid rgb(var(--accent-color));
 }
 
 /* SERIES PAGE */
 /* SONARR SPECIFIC  */
 [class*="SeriesIndexPoster-controls-"] {
-    background-color: var(--accent-color) !important;
+    background-color: rgb(var(--accent-color))!important;
 }
 
 /* OVERVIEW PAGE */
@@ -281,7 +281,7 @@ a:hover {
 
 
 [class*=".ProgressBar-purple-"] {
-    background-color: var(--accent-color);
+    background-color: rgb(var(--accent-color));
 }
 
 /* SHOW PAGE */
@@ -398,14 +398,14 @@ a:hover {
 }
 
 [class*="Label-default-"] {
-    border-color: var(--accent-color);
+    border-color: rgb(var(--accent-color));
-    background-color: var(--accent-color);
+    background-color: rgb(var(--accent-color));
     color: var(--label-text-color);
 }
 
 [class*="Label-info-"] {
-    border-color: var(--accent-color);
+    border-color: rgb(var(--accent-color));
-    background-color: var(--accent-color);
+    background-color: rgb(var(--accent-color));
     color: var(--label-text-color);
 }
 
@@ -642,7 +642,7 @@ input:focus:-ms-input-placeholder {
 
 [class*="FieldSet-legend-"] {
     color: #FFF;
-    border-bottom: 1px solid var(--accent-color);
+    border-bottom: 1px solid rgb(var(--accent-color));
 }
 
 [class*="VirtualTableRow-row-"]:hover {

CSS/themes/sonarr/space-gray.css

@@ -12,10 +12,10 @@
 
 /* SONARR SPACE GRAY THEME */
 @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/space-gray.css);
-  --main-bg-color:  radial-gradient( ellipse at center,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
-  --modal-bg-color: radial-gradient( ellipse at top,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
 
+/* APP VARS */
+:root {
   --calendar-tv-unaired-premiere: 53 197 244;
   --calendar-tv-downloading: 122 67 182; 
   --calendar-tv-unmonitored: 173 173 173;
@@ -23,20 +23,5 @@
   --calendar-tv-missing: 240 80 80;
   --calendar-tv-on-air: 255 165 0; 
   --calendar-tv-available: 39 194 76;
-  
-  --button-color: #607D8B;
-  --button-color-hover: #81a6b7;
-  --button-text: #eee;
-  --button-text-hover: #fff;
-  
-  --accent-color: #607D8B;
-  --accent-color-hover: #81a6b7;
   --queue-color: #81a6b7;
-  --link-color: #81a6b7;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #999;
 }