update bazarr to use new variable files

CSS/themes/bazarr/aquamarine.css

@@ -13,23 +13,9 @@
 
 /* BAZARR AQUAMARINE THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/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;
-
-  --button-color: #009688;
-  --button-color-hover: #12afa0;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
 
-  --accent-color:  0, 150, 136;
+/* APP VARS */
-  --accent-color-hover: #12afa0;
+:root {
   --queue-color: #009688;
-  --link-color: #0ed2bf;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #bbb;
 }

CSS/themes/bazarr/dark.css

@@ -13,23 +13,9 @@
 
 /* BAZARR DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/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;
-
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
 
-  --accent-color: 100, 100, 100;
+/* APP VARS */
-  --accent-color-hover: rgba(255, 255, 255, 0.45);
+:root {
   --queue-color: #6b5;
-  --link-color: #ddd;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #999;
 }

CSS/themes/bazarr/dracula.css

@@ -13,23 +13,9 @@
 
 /* BAZARR DRACULA THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/dracula.css);
-  --main-bg-color: #282a36;
-  --modal-bg-color: #282a36;
-
-  --button-color: #bd93f9;
-  --button-color-hover: #ff79c6;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
 
-  --accent-color:  80, 250, 123;
+/* APP VARS */
-  --accent-color-hover: #50fa7b;
+:root {
   --queue-color: #50fa7b;
-  --link-color: #ff79c6;
-  --link-color-hover: #8be9fd;
-  --label-text-color: #282a36;
-    
-  --text:#6272a4;
-  --text-hover: #95adfa;
-  --text-muted: #999;
 }

CSS/themes/bazarr/hotline.css

@@ -13,23 +13,9 @@
 
 /* BAZARR HOTLINE THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/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;
-
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
 
-  --accent-color:  244, 67, 54;
+/* APP VARS */
-  --accent-color-hover: #0b3161;
+:root {
   --queue-color: #6b5;
-  --link-color: #ddd;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #bbb;
 }

CSS/themes/bazarr/organizr-dark.css

@@ -13,23 +13,9 @@
 
 /* BAZARR ORGANIZR-DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/organizr-dark.css);
-  --main-bg-color: #1f1f1f;
-  --modal-bg-color: #1b1b1b;
-
-  --button-color: #2cabe3;
-  --button-color-hover: rgb(44 171 227 / .8);
-  --button-text: #eee;
-  --button-text-hover: #fff;
 
-  --accent-color:  44, 171, 227;
+/* APP VARS */
-  --accent-color-hover: white;
+:root {
   --queue-color: #2cabe3;
-  --link-color: #2cabe3;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#96a2b4;
-  --text-hover: #fff;
-  --text-muted: #999;
 }

CSS/themes/bazarr/plex.css

@@ -13,23 +13,9 @@
 
 /* BAZARR PLEX THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/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;
-
-  --button-color: #cc7b19;
-  --button-color-hover: #e59029;
-  --button-text: #eee;
-  --button-text-hover: #fff;
 
-  --accent-color:  229, 160, 13;
+/* APP VARS */
-  --accent-color-hover: #ffc107;
+:root {
   --queue-color: #27c24c;
-  --link-color: #e5a00d;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-    
-  --text:#eee;
-  --text-hover: #fff;
-  --text-muted: #bbb;
 }

CSS/themes/bazarr/space-gray.css

@@ -13,23 +13,9 @@
 
 /* BAZARR SPACE GRAY THEME */
 @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/varibles/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;
-
-  --button-color: #607D8B;
-  --button-color-hover: #81a6b7;
-  --button-text: #eee;
-  --button-text-hover: #fff;
 
-  --accent-color: 129, 166, 183
+/* APP VARS */
-  --accent-color-hover: #81a6b7;
+:root {
   --queue-color: #81a6b7;
-  --link-color: #9adfff;
-  --link-color-hover: #fff;
-  --label-text-color: #fff;
-
-  --text: #eee;
-  --text-hover: #fff;
-  --text-muted: #bbb;
 }