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

dozzle dracula

pull/235/head
Marius 4 years ago
parent
b149278aac
commit
c30d0a647f
8 changed files with 79 additions and 66 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. 15
      CSS/themes/dozzle/aquamarine.css
  2. 15
      CSS/themes/dozzle/dark.css
  3. 29
      CSS/themes/dozzle/dozzle-base.css
  4. 26
      CSS/themes/dozzle/dracula.css
  5. 15
      CSS/themes/dozzle/hotline.css
  6. 15
      CSS/themes/dozzle/organizr-dark.css
  7. 15
      CSS/themes/dozzle/plex.css
  8. 15
      CSS/themes/dozzle/space-gray.css

15
CSS/themes/dozzle/aquamarine.css
View File

@ -13,17 +13,12 @@
/* DOZZLE AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
/* APP VARS */
: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;
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);

15
CSS/themes/dozzle/dark.css
View File

@ -13,17 +13,12 @@
/* DOZZLE DARK THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
/* APP VARS */
: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;
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);

29
CSS/themes/dozzle/dozzle-base.css
View File

@ -17,7 +17,13 @@
html,
body {
background: var(--main-bg-color) !important;
color: var(--text-color);
color: var(--text);
}
h1, h2, h3, h4, h5, h6,
section header,
.menu-label {
color: var(--text-hover) !important;
}
@ -51,16 +57,17 @@ html.has-custom-scrollbars section main {
/* Text important */
p,
.menu-list a {
color: var(--text-color) !important;
color: var(--text) !important;
}
.panel-heading {
background-color: rgb(var(--accent-color));
color: var(--label-text-color) !important;
}
.panel-block {
color: var(--text-color);
color: var(--text);
}
.panel-tabs a.is-active {
@ -70,7 +77,7 @@ p,
.panel-tabs a {
border-bottom: 1px solid var(--border-color);
color: var(--text-color);
color: var(--text);
}
.panel-tabs a:hover {
@ -87,13 +94,13 @@ label.panel-block:hover {
/* Side Menu*/
.menu-list a:hover {
background-color: rgba(255, 255, 255, .08);
color: var(--text-strong-color);
color: var(--text-hover) !important;
}
.menu-list a.is-active,
.menu-list a.is-active:hover {
background-color: rgb(var(--accent-color));
color: #fff !important;
color: var(--label-text-color) !important;
}
.menu-list li:hover .column-icon:hover {
@ -185,6 +192,16 @@ section .is-scrollbar-notification button {
color: var(--button-text-hover) !important;
}
#hide-nav{
background: var(--button-color) !important;
color: var(--button-text) !important;
}
#hide-nav: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;
}

26
CSS/themes/dozzle/dracula.css
View File

@ -0,0 +1,26 @@
/* 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 DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);
/* APP VARS */
:root {
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--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));
}

15
CSS/themes/dozzle/hotline.css
View File

@ -13,17 +13,12 @@
/* DOZZLE HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
/* APP VARS */
: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;
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);

15
CSS/themes/dozzle/organizr-dark.css
View File

@ -13,17 +13,12 @@
/* DOZZLE ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
/* APP VARS */
: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;
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);

15
CSS/themes/dozzle/plex.css
View File

@ -13,17 +13,12 @@
/* DOZZLE PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.css);
/* APP VARS */
: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;
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);

15
CSS/themes/dozzle/space-gray.css
View File

@ -13,17 +13,12 @@
/* DOZZLE SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
/* APP VARS */
: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;
--scheme-main-ter: var(--main-bg-color);
--text-strong-color: var(--button-text-hover);
--border-color: rgb(255 255 255 / 25%);
--logo-color: rgb(var(--accent-color));
--body-background-color: var(--main-bg-color);

Write Preview
Loading…
Cancel
Save