diff --git a/CSS/themes/librespeed/aquamarine.css b/CSS/themes/librespeed/aquamarine.css index 4ebbbb9d..320cd104 100644 --- a/CSS/themes/librespeed/aquamarine.css +++ b/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 { - --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; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/dark.css b/CSS/themes/librespeed/dark.css index e560dbf0..0137fee0 100644 --- a/CSS/themes/librespeed/dark.css +++ b/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 { - --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; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/dracula.css b/CSS/themes/librespeed/dracula.css new file mode 100644 index 00000000..bd1fe331 --- /dev/null +++ b/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); \ No newline at end of file diff --git a/CSS/themes/librespeed/hotline.css b/CSS/themes/librespeed/hotline.css index 6c703cfa..e2eac51a 100644 --- a/CSS/themes/librespeed/hotline.css +++ b/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 { - --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; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/librespeed-base.css b/CSS/themes/librespeed/librespeed-base.css index 607d03f6..1fc8fcdb 100644 --- a/CSS/themes/librespeed/librespeed-base.css +++ b/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 { - color: white; +h1,h2,h3,h4,h5,h6, label { + 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; - background: var(--start-button-color); - border: 0.15em solid var(--start-button-color); + color: var(--button-text); + background: var(--button-color); + border: 0.15em solid var(--button-color); } #startStopBtn:hover { - border: 0.15em solid var(--start-button-color-hover); - background: var(--start-button-color-hover); + border: 0.15em solid var(--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 { - color: white; +a,a:-webkit-any-link { + 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; +} diff --git a/CSS/themes/librespeed/organizr-dark.css b/CSS/themes/librespeed/organizr-dark.css index 799d7643..3ad428ed 100644 --- a/CSS/themes/librespeed/organizr-dark.css +++ b/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 { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - --start-button-color: #2cabe3; - --start-button-color-hover: rgb(44 171 227 / .8); - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/plex.css b/CSS/themes/librespeed/plex.css index 1d8bbaf5..143d8e8a 100644 --- a/CSS/themes/librespeed/plex.css +++ b/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 { - --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; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/librespeed/space-gray.css b/CSS/themes/librespeed/space-gray.css index 020c1f96..a32e0b6e 100644 --- a/CSS/themes/librespeed/space-gray.css +++ b/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 { - --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; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file