mirror of
https://github.com/gilbN/theme.park.git
synced 2024-10-03 22:17:08 +02:00
Added dozzle. Closes #172
This commit is contained in:
Marius
parent
0cf8a480a7
commit
76bf58d0d0
31
CSS/themes/dozzle/aquamarine.css
Normal file
31
CSS/themes/dozzle/aquamarine.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* 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 */
|
||||
|
||||
/* DOZZLE AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/dozzle/dozzle-base.css);
|
||||
:root {
|
||||
--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;
|
||||
--accent-color: 0, 150, 136;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #FFF;
|
||||
--text-strong-color: #fff;
|
||||
--text-color: #eee;
|
||||
--text-muted: #999;
|
||||
--border-color: rgb(255 255 255 / 25%);
|
||||
--logo-color: rgb(var(--accent-color));
|
||||
--body-background-color: var(--main-bg-color);
|
||||
--border-hover-color: rgb(var(--accent-color));
|
||||
}
|
||||
31
CSS/themes/dozzle/dark.css
Normal file
31
CSS/themes/dozzle/dark.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* 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 */
|
||||
|
||||
/* DOZZLE DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/dozzle/dozzle-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;
|
||||
--accent-color: 100, 100, 100;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #FFF;
|
||||
--text-color: #eee;
|
||||
--text-strong-color: #fff;
|
||||
--text-muted: #727272;
|
||||
--border-color: rgb(255 255 255 / 25%);
|
||||
--logo-color: rgb(var(--accent-color));
|
||||
--body-background-color: var(--main-bg-color);
|
||||
--border-hover-color: rgb(var(--accent-color));
|
||||
}
|
||||
231
CSS/themes/dozzle/dozzle-base.css
Normal file
231
CSS/themes/dozzle/dozzle-base.css
Normal file
@ -0,0 +1,231 @@
|
||||
/* 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 */
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: var(--main-bg-color) !important;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
|
||||
/* Scrollbar */
|
||||
|
||||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(255, 255, 255, .25);
|
||||
outline: 1px solid #0000;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,
|
||||
html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover {
|
||||
background-color: rgba(255, 255, 255, .45);
|
||||
|
||||
}
|
||||
|
||||
html.has-custom-scrollbars ::-webkit-scrollbar-track {
|
||||
background: #1f1f1f;
|
||||
}
|
||||
|
||||
html.has-custom-scrollbars ::-webkit-scrollbar-track:hover {
|
||||
background: #1f1f1f;
|
||||
}
|
||||
|
||||
html.has-custom-scrollbars section main {
|
||||
scrollbar-color: #353535 transparent;
|
||||
scrollbar-width: thin
|
||||
}
|
||||
|
||||
/* Text important */
|
||||
p,
|
||||
.menu-list a {
|
||||
color: var(--text-color) !important;
|
||||
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
background-color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.panel-block {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.panel-tabs a.is-active {
|
||||
border-bottom-color: rgb(var(--accent-color));
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.panel-tabs a {
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.panel-tabs a:hover {
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
a.panel-block:hover,
|
||||
label.panel-block:hover {
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
/* Side Menu*/
|
||||
.menu-list a:hover {
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
.menu-list a.is-active,
|
||||
.menu-list a.is-active:hover {
|
||||
background-color: rgb(var(--accent-color));
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.menu-list li:hover .column-icon:hover {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
li.exited a {
|
||||
color: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.select select,
|
||||
.textarea,
|
||||
.input,
|
||||
.dropdown-content {
|
||||
background: var(--modal-bg-color);
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
border-radius: 4px;
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
.autocomplete .dropdown-item.is-hovered,
|
||||
a.dropdown-item:hover,
|
||||
button.dropdown-item:hover {
|
||||
background: rgba(255, 255, 255, .25);
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
.column-icon[data-v-35775614]:hover {
|
||||
color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
.select select:focus,
|
||||
.textarea:focus,
|
||||
.input:focus,
|
||||
.select select.is-focused,
|
||||
.is-focused.textarea,
|
||||
.is-focused.input,
|
||||
.select select:active,
|
||||
.textarea:active,
|
||||
.input:active,
|
||||
.select select.is-active,
|
||||
.is-active.textarea,
|
||||
.is-active.input {
|
||||
border-color: rgb(var(--accent-color));
|
||||
box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25);
|
||||
}
|
||||
|
||||
/* Settings buttons */
|
||||
.button {
|
||||
background: var(--button-color);
|
||||
color: var(--button-text);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
section .is-scrollbar-notification button {
|
||||
background: var(--button-color) !important;
|
||||
color: var(--button-text) !important;
|
||||
border-color: var(--button-color) !important;
|
||||
}
|
||||
|
||||
.b-radio.radio.button.is-selected {
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: transparent;
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: var(--button-color-hover) !important;
|
||||
border-color: var(--button-color-hover) !important;
|
||||
color: var(--button-text-hover) !important;
|
||||
}
|
||||
|
||||
.button:active,
|
||||
.button.is-active {
|
||||
background: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--text-strong-color);
|
||||
}
|
||||
|
||||
.is-settings-control {
|
||||
background: var(--button-color);
|
||||
color: var(--button-text);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.is-settings-control:hover {
|
||||
border-color: var(--button-color-hover) !important;
|
||||
background: var(--button-color-hover) !important;
|
||||
color: var(--button-text-hover) !important;
|
||||
}
|
||||
|
||||
code {
|
||||
background: rgba(0, 0, 0, .35) !important;
|
||||
}
|
||||
|
||||
.switch input[type=checkbox]:checked+.check {
|
||||
background: var(--button-color);
|
||||
}
|
||||
|
||||
.switch:hover input[type=checkbox]:checked+.check {
|
||||
background: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.switch input[type=checkbox]:focus:checked+.check,
|
||||
.switch input[type=checkbox]:active:checked+.check {
|
||||
box-shadow: 0 0 0.5em rgb(var(--accent-color), .8);
|
||||
}
|
||||
|
||||
/* Events */
|
||||
|
||||
.events {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
}
|
||||
|
||||
.scroll-progress svg circle {
|
||||
fill: rgba(255, 255, 255, .45) !important;
|
||||
stroke: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.scroll-progress span {
|
||||
color: var(--text-strong-color) !important;
|
||||
}
|
||||
|
||||
.splitpanes--vertical>.splitpanes__splitter:hover {
|
||||
background: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.events.medium {
|
||||
background: rgba(0, 0, 0, .45);
|
||||
}
|
||||
|
||||
.date {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
31
CSS/themes/dozzle/hotline.css
Normal file
31
CSS/themes/dozzle/hotline.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* 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 */
|
||||
|
||||
/* DOZZLE HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/dozzle/dozzle-base.css);
|
||||
:root {
|
||||
--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;
|
||||
--accent-color: 244, 67, 54;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #FFF;
|
||||
--text-color: #eee;
|
||||
--text-strong-color: #fff;
|
||||
--text-muted: #bbb;
|
||||
--border-color: rgb(255 255 255 / 25%);
|
||||
--logo-color: rgb(var(--accent-color));
|
||||
--body-background-color: var(--main-bg-color);
|
||||
--border-hover-color: rgb(var(--accent-color));
|
||||
}
|
||||
31
CSS/themes/dozzle/organizr-dark.css
Normal file
31
CSS/themes/dozzle/organizr-dark.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* 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 */
|
||||
|
||||
/* DOZZLE ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/dozzle/dozzle-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--accent-color: 44, 171, 227;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #FFF;
|
||||
--text-color: #96a2b4;
|
||||
--text-strong-color: #fff;
|
||||
--text-muted: #bbb;
|
||||
--border-color: rgb(255 255 255 / 25%);
|
||||
--logo-color: rgb(var(--accent-color));
|
||||
--body-background-color: var(--main-bg-color);
|
||||
--border-hover-color: rgb(var(--accent-color));
|
||||
}
|
||||
31
CSS/themes/dozzle/plex.css
Normal file
31
CSS/themes/dozzle/plex.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* 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 */
|
||||
|
||||
/* DOZZLE PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/dozzle/dozzle-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;
|
||||
--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;
|
||||
--accent-color: 229, 160, 13;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #FFF;
|
||||
--text-color: #eee;
|
||||
--text-strong-color: #fff;
|
||||
--text-muted: #bbb;
|
||||
--border-color: rgb(255 255 255 / 25%);
|
||||
--logo-color: rgb(var(--accent-color));
|
||||
--body-background-color: var(--main-bg-color);
|
||||
--border-hover-color: rgb(var(--accent-color));
|
||||
}
|
||||
31
CSS/themes/dozzle/space-gray.css
Normal file
31
CSS/themes/dozzle/space-gray.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* 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 */
|
||||
|
||||
/* DOZZLE SPACE GRAY THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/dozzle/dozzle-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;
|
||||
--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;
|
||||
--accent-color: 129, 166, 183;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--button-text: #eee;
|
||||
--button-text-hover: #FFF;
|
||||
--text-color: #eee;
|
||||
--text-strong-color: #fff;
|
||||
--text-muted: #bbb;
|
||||
--border-color: rgb(255 255 255 / 25%);
|
||||
--logo-color: rgb(var(--accent-color));
|
||||
--body-background-color: var(--main-bg-color);
|
||||
--border-hover-color: rgb(var(--accent-color));
|
||||
}
|
||||
@ -246,6 +246,10 @@
|
||||
<p><a href="https://github.com/gilbN/theme.park/wiki/Flood"><img src="https://raw.githubusercontent.com/jesec/flood/master/client/src/public/icon_96x96.png" alt="" width="48" height="48" /></a></p>
|
||||
<p><a href="https://github.com/gilbN/theme.park/wiki/Flood">Flood</a></p>
|
||||
</td>
|
||||
<td style="width: 90px; height: 40px; text-align: center;">
|
||||
<p><a href="https://github.com/gilbN/theme.park/wiki/Dozzle"><img src="https://raw.githubusercontent.com/selfhosters/unRAID-CA-templates/master/templates/img/dozzle.png" alt="" width="48" height="48" /></a></p>
|
||||
<p><a href="https://github.com/gilbN/theme.park/wiki/Dozzle">Dozzle</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
BIN
Screenshots/dozzle/aquamarine.png
Normal file
BIN
Screenshots/dozzle/aquamarine.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 685 KiB |
BIN
Screenshots/dozzle/dark.png
Normal file
BIN
Screenshots/dozzle/dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 393 KiB |
BIN
Screenshots/dozzle/hotline.png
Normal file
BIN
Screenshots/dozzle/hotline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 817 KiB |
BIN
Screenshots/dozzle/organizr-dark.PNG
Normal file
BIN
Screenshots/dozzle/organizr-dark.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
Screenshots/dozzle/plex.png
Normal file
BIN
Screenshots/dozzle/plex.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
Screenshots/dozzle/space-gray.png
Normal file
BIN
Screenshots/dozzle/space-gray.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 642 KiB |
Loading…
Reference in New Issue
Block a user