topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Added theme for speedtest container

pull/15/head
gilbN 5 years ago
parent
aa66cda54f
commit
15e3f8dec9
5 changed files with 146 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      CSS/themes/html5speedtest/aquamarine.css
  2. 20
      CSS/themes/html5speedtest/dark.css
  3. 20
      CSS/themes/html5speedtest/hotline.css
  4. 65
      CSS/themes/html5speedtest/html5speedtest-base.css
  5. 21
      CSS/themes/html5speedtest/plex.css

20
CSS/themes/html5speedtest/aquamarine.css
View File

@ -0,0 +1,20 @@
/* 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 */
/* HTML5SPEEDTEST AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-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, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
}

20
CSS/themes/html5speedtest/dark.css
View File

@ -0,0 +1,20 @@
/* 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 */
/* HTML5SPEEDTEST DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-base.css);
:root {
--main-bg-color: #1f1f1f;
--start-button-color: #cc7b19;
--start-button-color-hover: #e59029;
}

20
CSS/themes/html5speedtest/hotline.css
View File

@ -0,0 +1,20 @@
/* 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 */
/* HTML5SPEEDTEST HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-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, #F44336 0%, #3F51B5 100%) center center/cover no-repeat fixed;
}

65
CSS/themes/html5speedtest/html5speedtest-base.css
View File

@ -0,0 +1,65 @@
/* 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 */
/* HTML5 Speedtest Plex Theme */
html, body {
background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color:#FFFFFF !important;
}
h1 {
color: white;
}
div.meterText:empty:before {
color: white !important;
}
#dlText {
color: #F44336;
}
#ulText {
color: #4CAF50;
}
#pingText, #jitText {
color: #2cabe3;
}
#startStopBtn {
color: #ffffff;
background: var(--start-button-color);
border: 0.15em solid var(--start-button-color);
}
#startStopBtn:hover {
border: 0.15em solid var(--start-button-color-hover);
background: var(--start-button-color-hover);
}
#startStopBtn.running {
background: #FF3030 !important;
border-color: #FF6060;
color: #FFFFFF;
}
#startStopBtn.running:hover {
background: #FF3030;
border-color: #FF6060;
color: #FFFFFF;
}
a:-webkit-any-link {
color: white;
}

21
CSS/themes/html5speedtest/plex.css
View File

@ -0,0 +1,21 @@
/* 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 */
/* HTML5SPEEDTEST PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-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;
}
Write Preview
Loading…
Cancel
Save