librespeed dracula

CSS/themes/librespeed/aquamarine.css

@@ -13,8 +13,4 @@
 
 /* LIBRESPEED AQUAMARINE THEME */
 @import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-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;
-  --start-button-color:  radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
-  --start-button-color-hover: radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed;
-}

CSS/themes/librespeed/dark.css

@@ -13,9 +13,4 @@
 
 /* LIBRESPEED DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-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;
-  --start-button-color: #cc7b19;
-  --start-button-color-hover: #e59029;  
-  }

CSS/themes/librespeed/dracula.css

@@ -0,0 +1,16 @@
+
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+/* LIBRESPEED DRACULA THEME */
+@import url(https://dev.theme-park.dev/CSS/themes/librespeed/librespeed-base.css);
+@import url(https://dev.theme-park.dev/CSS/variables/dracula.css);

CSS/themes/librespeed/hotline.css

@@ -13,8 +13,4 @@
 
 /* LIBRESPEED HOTLINE THEME */
 @import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-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;
-  --start-button-color: radial-gradient(ellipse at center, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed;
-  --start-button-color-hover: radial-gradient(ellipse at center, #fb6054 0%, #5269e6 100%) center center/cover no-repeat fixed;
-}

CSS/themes/librespeed/librespeed-base.css

@@ -20,13 +20,13 @@ html, body {
 	-webkit-background-size: auto, cover;
 	-moz-background-size: auto, cover;
 	-o-background-size: auto, cover;
-	color:#FFFFFF !important;
+	color: var(--text) !important;
 }
-h1 {
+h1,h2,h3,h4,h5,h6, label {
-    color: white;
+    color: var(--text-hover);
 }
 div.meterText:empty:before {
-    color: white !important;
+    color: var(--text-hover) !important;
 }
 
 #dlText {
@@ -39,13 +39,13 @@ div.meterText:empty:before {
     color: #2cabe3;
 }
 #startStopBtn {
-    color: #ffffff;
+    color: var(--button-text);
-    background: var(--start-button-color);
+    background: var(--button-color);
-    border: 0.15em solid var(--start-button-color);
+    border: 0.15em solid var(--button-color);
 }
 #startStopBtn:hover {
-	border: 0.15em solid var(--start-button-color-hover);
+	border: 0.15em solid var(--button-color-hover);
-	background: var(--start-button-color-hover);
+	background: var(--button-color-hover);
 }
 #startStopBtn.running {
     background: #FF3030 !important;
@@ -57,9 +57,17 @@ div.meterText:empty:before {
     border-color: #FF6060;
     color: #FFFFFF;
 }
-a:-webkit-any-link {
+a,a:-webkit-any-link {
-	color: white;
+	color: var(--link-color);
+}
+a:hover,a:-webkit-any-link:hover {
+	color: var(--link-color-hover);
+}
+
+#ip,.unit {
+    color: rgb(var(--accent-color));
 }
+
 #privacyPolicy {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -85,3 +93,6 @@ input {
     outline: none;
 }
 
+.testName {
+    color: var(--text-hover) !important;
+}

CSS/themes/librespeed/organizr-dark.css

@@ -13,9 +13,4 @@
 
 /* LIBRESPEED ORGANIZR-DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-base.css);
-:root {
+@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
-  --main-bg-color: #1f1f1f;
-  --modal-bg-color: #1b1b1b;
-  --start-button-color: #2cabe3;
-  --start-button-color-hover: rgb(44 171 227 / .8);
-  }

CSS/themes/librespeed/plex.css

@@ -13,8 +13,4 @@
 
 /* LIBRESPEED PLEX THEME */
 @import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-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;
-  --start-button-color: #cc7b19;
-  --start-button-color-hover: #e59029;  
-  }

CSS/themes/librespeed/space-gray.css

@@ -13,8 +13,4 @@
 
 /* LIBRESPEED SPACE GRAY THEME */
 @import url(https://theme-park.dev/CSS/themes/librespeed/librespeed-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;
-  --start-button-color:  #607D8B;
-  --start-button-color-hover: #81a6b7;
-}