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

flood dracula

pull/230/head
Marius 4 years ago
parent
dcb47662e7
commit
216220f5c9
8 changed files with 82 additions and 123 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 19
      CSS/themes/flood/aquamarine.css
  2. 20
      CSS/themes/flood/dark.css
  3. 15
      CSS/themes/flood/dracula.css
  4. 71
      CSS/themes/flood/flood-base.css
  5. 20
      CSS/themes/flood/hotline.css
  6. 20
      CSS/themes/flood/organizr-dark.css
  7. 20
      CSS/themes/flood/plex.css
  8. 20
      CSS/themes/flood/space-gray.css

19
CSS/themes/flood/aquamarine.css
View File

@ -12,22 +12,9 @@
/* FLOOD AQUAMARINE THEME */ /* FLOOD AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
/* APP VARS */
:root { :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;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 18, 175, 160; --accent-color: 18, 175, 160;
--accent-color-hover: #009688; }
--queue-color: #009688;
--link-color: #0ed2bf;
--link-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
}

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

@ -12,22 +12,4 @@
/* FLOOD DARK THEME */ /* FLOOD DARK THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.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;
--button-color: hsla(0, 0%, 100%, .15);
--button-color-hover: hsla(0, 0%, 100%, .30);
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 100, 100, 100;
--accent-color-hover: #ffffff73;
--queue-color: #6b5;
--link-color: #ddd;
--link-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
}

15
CSS/themes/flood/dracula.css
View File

@ -0,0 +1,15 @@
/* 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 */
/* FLOOD DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);

71
CSS/themes/flood/flood-base.css
View File

@ -47,9 +47,10 @@ h4,
h5, h5,
h6, h6,
p, p,
.inverse .h1, .inverse .h2, .inverse .h3, .inverse .h4, .inverse .h5, .inverse .h6, .inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6
.dark .torrents__alert, .dark .torrents__alert,
.torrents__alert { .torrents__alert {
color: var(--text); color: var(--text-hover);
} }
/* AUTH PAGE */ /* AUTH PAGE */
@ -141,6 +142,10 @@ p,
fill: rgb(var(--accent-color)); fill: rgb(var(--accent-color));
} }
.form__element__addon .icon {
fill: var(--text-hover);
}
.select__item--is-selected .icon { .select__item--is-selected .icon {
fill: rgb(var(--accent-color)); fill: rgb(var(--accent-color));
} }
@ -293,7 +298,7 @@ p,
.table__row--heading { .table__row--heading {
background: rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .15);
box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%); box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%);
color: #fff; color: var(--text-hover);
} }
.dark .torrent__detail--name, .dark .torrent__detail--name,
@ -315,6 +320,12 @@ p,
color: #39ce83; color: #39ce83;
font-weight: 500; font-weight: 500;
} }
.dark .torrent--is-condensed.torrent--is-selected .torrent__detail,
.torrent--is-condensed.torrent--is-selected .torrent__detail,
.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,
.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail {
color: var(--label-text-color);
}
.table__heading:focus-visible, .table__heading:focus-visible,
.table__heading:hover, .table__heading:hover,
@ -377,12 +388,16 @@ p,
.torrent-details__section--file-tree .directory-tree__parent-directory, .torrent-details__section--file-tree .directory-tree__parent-directory,
.dark .torrent-details__section--file-tree .directory-tree__parent-directory { .dark .torrent-details__section--file-tree .directory-tree__parent-directory {
color: rgba(var(--accent-color), .6); color: var(--text-hover);
} }
.dark .torrent-details__table__heading--primary,
.torrent-details__table__heading--primary, .torrent-details__table__heading--primary,
.torrent-details__table__heading--secondary { .dark .torrent-details__table__heading--secondary
color: rgba(var(--accent-color), .6); .torrent-details__table__heading--secondary,
.dark .torrent-details__table__heading--tertiary,
.torrent-details__table__heading--tertiary {
color: var(--text-hover);
} }
.torrent-details__section .badge { .torrent-details__section .badge {
@ -437,7 +452,9 @@ p,
box-shadow: 1px 0 hsl(0deg 0% 100% / 12%); box-shadow: 1px 0 hsl(0deg 0% 100% / 12%);
color: var(--text); color: var(--text);
} }
.sidebar-filter__item--heading, .sidebar-filter__item--heading:focus-visible, .sidebar-filter__item--heading:hover {
color: var(--text-hover) !important;
}
.dark .sidebar-filter__item, .dark .sidebar-filter__item,
.sidebar-filter__item { .sidebar-filter__item {
color: var(--text); color: var(--text);
@ -456,18 +473,25 @@ p,
.dark .sidebar-filter__item.is-active .badge, .dark .sidebar-filter__item.is-active .badge,
.sidebar-filter__item.is-active .badge { .sidebar-filter__item.is-active .badge {
background: rgb(var(--accent-color)); background: rgb(var(--accent-color));
color: var(--button-text-hover); color: var(--label-text-color);
} }
.dark .sidebar-filter__item .icon, .dark .sidebar-filter__item .icon,
.sidebar-filter__item .icon { .sidebar-filter__item .icon {
fill: hsla(0, 0%, 100%, .38); fill: rgb(var(--accent-color), .3);
} }
.sidebar-filter .badge, .sidebar-filter .badge,
.dark .sidebar-filter .badge { .dark .sidebar-filter .badge {
background: rgb(var(--accent-color), .3); background: rgb(var(--accent-color), .3);
color: var(--text); color: var(--label-text-color);
}
.dark .sidebar-filter__item:focus-visible .icon,
.dark .sidebar-filter__item:hover .icon,
.sidebar-filter__item:focus-visible .icon,
.sidebar-filter__item:hover .icon {
fill: rgb(var(--accent-color));
} }
.dark .sidebar-filter__item:focus-visible, .dark .sidebar-filter__item:focus-visible,
@ -481,7 +505,7 @@ p,
background: rgba(var(--accent-color), .25); background: rgba(var(--accent-color), .25);
border-bottom: 1px solid rgba(var(--accent-color), .3); border-bottom: 1px solid rgba(var(--accent-color), .3);
border-top: 1px solid rgba(var(--accent-color), .3); border-top: 1px solid rgba(var(--accent-color), .3);
color: var(--text); color: #eee;
padding-right: 45px; padding-right: 45px;
} }
@ -510,6 +534,13 @@ p,
background: hsla(0, 0%, 100%, .12); background: hsla(0, 0%, 100%, .12);
} }
.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
color: #ffffff;
}
.torrent--is-selected.torrent--is-stopped .progress-bar__fill {
background: #ffffff;
}
.dark .sidebar__icon-button, .dark .sidebar__icon-button,
.sidebar__icon-button { .sidebar__icon-button {
color: var(--text); color: var(--text);
@ -546,13 +577,29 @@ p,
background: var(--modal-bg-color); background: var(--modal-bg-color);
} }
.modal--vertical.modal--tabs-in-header .modal__header,
.modal--vertical.modal--tabs-in-body .modal__tabs {
/* Modal side menu*/
background: rgb(0 0 0 / 45%) !important;
color: var(--text-hover);
}
.modal__tabs .modal__tab.is-active:after {
background: rgb(var(--accent-color));
}
.modal--vertical .modal__tabs .modal__tab:after {
width: 3px;
}
.modal__header { .modal__header {
color: var(--text); color: var(--text-hover);
box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%); box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%);
} }
.modal__tabs .modal__tab.is-active { .modal__tabs .modal__tab.is-active {
color: rgb(var(--accent-color)); color: var(--text-hover);
background: rgb(255 255 255 / 15%);
border-radius: 3px 3px 0px 0px;
} }
.modal__tabs { .modal__tabs {

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

@ -12,22 +12,4 @@
/* FLOOD HOTLINE THEME */ /* FLOOD HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.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;
--button-color: hsla(0, 0%, 100%, .15);
--button-color-hover: hsla(0, 0%, 100%, .30);
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 244, 67, 54;
--accent-color-hover: #0b3161;
--queue-color: #6b5;
--link-color: #0b3161;
--link-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
}

20
CSS/themes/flood/organizr-dark.css
View File

@ -12,22 +12,4 @@
/* FLOOD ORGANIZR-DARK THEME */ /* FLOOD ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 44, 171, 227;
--accent-color-hover: white;
--queue-color: #2cabe3;
--link-color: #2cabe3;
--link-color-hover: #fff;
--text: #96a2b4;
--text-hover: #fff;
}

20
CSS/themes/flood/plex.css
View File

@ -12,22 +12,4 @@
/* FLOOD PLEX THEME */ /* FLOOD PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: 229, 160, 13;
--accent-color-hover: #ffc107;
--queue-color: #27c24c;
--link-color: #e5a00d;
--link-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
}

20
CSS/themes/flood/space-gray.css
View File

@ -12,22 +12,4 @@
/* FLOOD SPACE GRAY THEME */ /* FLOOD SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.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;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 129, 166, 183;
--accent-color-hover: #607D8B;
--queue-color: #81a6b7;
--link-color: #9adfff;
--link-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
}
Write Preview
Loading…
Cancel
Save