From d93e22ec215e453a233d50962183697e3ee73685 Mon Sep 17 00:00:00 2001 From: deathbybandaid Date: Sat, 19 Mar 2022 17:01:32 -0400 Subject: [PATCH] Update 2022-03-19 --- README.md | 4 +- .../overseerr-side-menu.css | 2 +- css/base/adguard/adguard-base.css | 4 +- css/base/bazarr/bazarr-base.css | 29 ++- css/base/bitwarden/bitwarden-base.css | 2 +- css/base/duplicacy/duplicacy-base.css | 2 +- css/base/flood/flood-base.css | 2 +- css/base/gaps/gaps-base.css | 2 +- css/base/gitea/gitea-base.css | 2 +- css/base/kitana/kitana-base.css | 2 +- css/base/lidarr/lidarr-base.css | 20 +- css/base/organizr/organizr-base.css | 172 +++++++++++------- css/base/overseerr/overseerr-base.css | 45 +++-- css/base/pihole/pihole-base.css | 2 +- css/base/plex/plex-base.css | 10 +- css/base/portainer/portainer-base.css | 2 +- css/base/prowlarr/prowlarr-base.css | 20 +- css/base/radarr/radarr-base.css | 20 +- css/base/readarr/readarr-base.css | 20 +- css/base/requestrr/requestrr-base.css | 2 +- css/base/resilio-sync/resilio-sync-base.css | 2 +- css/base/sabnzbd/sabnzbd-base.css | 29 ++- css/base/sonarr/sonarr-base.css | 22 ++- css/base/synclounge/synclounge-base.css | 2 +- css/base/thelounge/thelounge-base.css | 2 +- css/base/unraid/unraid-base.css | 6 +- css/base/vuetorrent/vuetorrent-base.css | 2 +- css/base/webtools/webtools-base.css | 2 +- css/base/xbackbone/xbackbone-base.css | 2 +- .../blackberry-abyss.css | 3 + .../blackberry-amethyst.css | 1 + .../blackberry-carol.css | 8 + .../blackberry-dreamscape.css | 3 + .../blackberry-flamingo.css | 2 + .../blackberry-hearth.css | 2 + .../blackberry-martian.css | 3 + .../blackberry-pumpkin.css | 4 + .../blackberry-royal.css | 2 + .../blackberry-shadow.css | 1 + .../blackberry-solar.css | 2 + .../blackberry-vanta.css | 1 + css/community-theme-options/hotline-old.css | 1 + css/community-theme-options/mind.css | 1 + css/community-theme-options/onedark.css | 1 + css/community-theme-options/pine-shadow.css | 1 + css/community-theme-options/power.css | 1 + css/community-theme-options/reality.css | 1 + css/community-theme-options/soul.css | 1 + css/community-theme-options/space.css | 1 + css/community-theme-options/time.css | 1 + css/community-theme-options/trueblack.css | 30 +++ css/theme-options/aquamarine.css | 9 +- css/theme-options/dark.css | 7 +- css/theme-options/dracula.css | 1 + css/theme-options/hotline.css | 7 +- css/theme-options/hotpink.css | 7 +- css/theme-options/nord.css | 1 + css/theme-options/organizr.css | 1 + css/theme-options/overseerr.css | 1 + css/theme-options/plex.css | 12 +- css/theme-options/space-gray.css | 9 +- .../deluge/root/etc/cont-init.d/98-themepark | 11 +- docker/Dockerfile | 18 ++ index.html | 63 ++++--- 64 files changed, 454 insertions(+), 197 deletions(-) create mode 100644 css/community-theme-options/trueblack.css create mode 100644 docker/Dockerfile diff --git a/README.md b/README.md index 85cb7a3a..60811746 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,9 @@ [![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.") [![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support") -[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://assets.deathbybandaid.net/theme.park) +[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park) [![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!") -[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://assets.deathbybandaid.net/theme.park/blob/master/LICENSE) +[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE) [![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park) [![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park) [![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)") diff --git a/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css b/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css index 5049d520..7f5a1539 100644 --- a/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css +++ b/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css @@ -108,4 +108,4 @@ [class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"], [class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] { color: white; -} \ No newline at end of file +} diff --git a/css/base/adguard/adguard-base.css b/css/base/adguard/adguard-base.css index 452ba330..b2a411c9 100644 --- a/css/base/adguard/adguard-base.css +++ b/css/base/adguard/adguard-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ @import url("https://assets.deathbybandaid.net/theme.park/css/defaults/placeholders.css"); @@ -674,4 +674,4 @@ select:focus { ::-webkit-input-placeholder { color: var(--text); -} \ No newline at end of file +} diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index bd559876..04459642 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -103,6 +103,19 @@ a:hover { background-color: rgb(0 0 0 / 15%); } +.text-dark { +color: var(--text-hover)!important; +} +.text-secondary { +color: var(--text)!important; +} +.dropdown-item.disabled, .dropdown-item:disabled { +color: var(--text-muted); +pointer-events: none; +background-color: transparent; +} + + h1, h2, h3, @@ -211,7 +224,8 @@ label, background-color: rgba(0, 0, 0, .25); } -.sidebar-container .sidebar-button { +.sidebar-container .sidebar-button, +.sidebar-container .button { color: var(--text) !important; background: transparent } @@ -222,7 +236,8 @@ label, background-color: rgba(0, 0, 0, 0.15) !important; } -.sidebar-container .sidebar-button:hover { +.sidebar-container .sidebar-button:hover, +.sidebar-container .button:hover { background-color: transparent !important; color: rgb(var(--accent-color)) !important; } @@ -232,7 +247,8 @@ label, } .sidebar-container .sidebar-button.sb-active, -.sidebar-container .sidebar-button.sb-active:hover { +.sidebar-container .sidebar-button.sb-active:hover, +.sidebar-container .button.active { background-color: rgba(0, 0, 0, 0.15) !important; color: rgb(var(--accent-color)) !important; } @@ -352,6 +368,9 @@ hr { box-shadow: 0 0 10px 1px #000000; color: var(--text); } +.card-header { + border-bottom: 1px solid rgb(255 255 255 / 10%); +} .settings-card:hover, .settings-card:focus { @@ -368,6 +387,7 @@ hr { /* Series page */ .progress-bar { background-color: var(--accent-color); + text-shadow: none; } .progress { @@ -827,6 +847,9 @@ line { background-size: 1rem 1rem } +.notification-btn .notification-center-progress .progress .progress-bar { + text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color)); +} /* LOGS */ /* Stack traceback */ code.zmdi-language-python-alt { diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 533b7ab9..20ddd11a 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ * { outline: none; diff --git a/css/base/duplicacy/duplicacy-base.css b/css/base/duplicacy/duplicacy-base.css index dabd6a5d..5d161870 100644 --- a/css/base/duplicacy/duplicacy-base.css +++ b/css/base/duplicacy/duplicacy-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ body { diff --git a/css/base/flood/flood-base.css b/css/base/flood/flood-base.css index 88fed6ce..d242b738 100644 --- a/css/base/flood/flood-base.css +++ b/css/base/flood/flood-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ /* MOBILE */ diff --git a/css/base/gaps/gaps-base.css b/css/base/gaps/gaps-base.css index 4b46ac3f..056ea253 100644 --- a/css/base/gaps/gaps-base.css +++ b/css/base/gaps/gaps-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ body { background: var(--main-bg-color); diff --git a/css/base/gitea/gitea-base.css b/css/base/gitea/gitea-base.css index 0d2a5255..a316883a 100644 --- a/css/base/gitea/gitea-base.css +++ b/css/base/gitea/gitea-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ @import url("https://assets.deathbybandaid.net/theme.park/css/base/gitea/chroma.css"); @import url("https://assets.deathbybandaid.net/theme.park/css/base/gitea/monaco_vs_dark.css"); diff --git a/css/base/kitana/kitana-base.css b/css/base/kitana/kitana-base.css index 0ab3fa9c..513a180d 100644 --- a/css/base/kitana/kitana-base.css +++ b/css/base/kitana/kitana-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ body { background: var(--main-bg-color); diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index 8b54ec4d..97365451 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ :root { --calendar-downloading: 122 67 182; @@ -251,10 +251,7 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -267,6 +264,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; @@ -635,7 +636,11 @@ a:hover { /* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -644,8 +649,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css index e6d2f963..463f069c 100644 --- a/css/base/organizr/organizr-base.css +++ b/css/base/organizr/organizr-base.css @@ -21,19 +21,7 @@ border: 1px solid rgb(var(--accent-color), 0.5); } -.modal-content, -.mfp-content .panel { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat !important; - background-attachment: fixed, fixed !important; - background-position: center center, center center !important; - background-size: auto, cover !important; - -webkit-background-size: auto, cover !important; - -moz-background-size: auto, cover !important; - -o-background-size: auto, cover !important; -} -[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div, [id$="-settings-items"]>div { background: var(--modal-bg-color); background-repeat: repeat, no-repeat !important; @@ -62,14 +50,7 @@ } #HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 { - background: var(--modal-bg-color); - 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; + background: rgba(0, 0, 0, 0) } .h1, @@ -209,17 +190,9 @@ h6 { .panel-info .panel-heading { border-color: rgb(var(--accent-color)); color: var(--text-hover); - background: var(--modal-bg-color); - 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; } -.panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) { +/* .panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -228,7 +201,7 @@ h6 { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; -} +} */ .bg-plex:not(h2 .bg-plex) { background: #e5a00d; @@ -239,14 +212,16 @@ h6 { .tabs-style-flip nav a, .nav-tabs>li>a { color: var(--text-hover); + transition: color .3s; } .customtab2 li.active a, .customtab2 li.active a:focus, .customtab2 li.active a:hover { - background: rgba(0, 0, 0, 0.25) !important; - border-color: rgba(255, 255, 255, 0.1) !important; + background: rgba(var(--accent-color), 0.15) !important; + border-color: rgba(var(--accent-color), 0.1) !important; border-radius: 20px; + color: rgb(var(--accent-color)) !important; } /*toast*/ @@ -284,6 +259,41 @@ h6 { [id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) { background: rgba(0, 0, 0, 0.25); } +[id*="settings-"]>div>div.panel-heading .bg-org:not(form > div > div.panel-heading) { + background: rgba(0, 0, 0, 0.25); +} + +#account-area > div > div > div > div, +[id*="homepage-"] > fieldset > div, +#speedtest-area > div > div { + background: var(--modal-bg-color); + 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; +} + + +#homepage-Deluge-form > fieldset > div > div.panel-wrapper.collapse.in > div > div > div > div.tab-pane.fade.in.active > div > div > div > div > div > div > div { + background: rgba(0, 0, 0, .1); +} + +/* Homepage Item Modals*/ +[id$="API-SOCKS"] > div:nth-child(1) > div.col-md-12.p-b-10 > div > div > div, +[id$="About"] > div > div > div > div > div, +[id$="Enable"] > div > div > div > div > div > div > div, +[id$="FYI"] > div > div > div > div > div > div > div, +#\39 w59f92rirFYI > div > div > div > div > div > div > div, +[id$="Setup"] > div > div > div > div > div { + background: rgba(0, 0, 0, 0.25); +} + +[id*="settings-"] .panel { + background: rgba(0, 0, 0, 0.25); +} #customize-appearance-form>ul>li.active>a { background: rgba(0, 0, 0, 0.25); @@ -1125,7 +1135,7 @@ label[for="checkbox-login"]:hover { .panel-inverse .panel-heading { border-color: transparent; color: #fff; - background: var(--main-bg-color); + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -1165,7 +1175,6 @@ label[for="checkbox-login"]:hover { .nav-tabs>li.active>a:hover { cursor: pointer; opacity: 1; - background: rgb(var(--accent-color) , .15) !important; } #homepageOrderdownloader .nav-tabs>li.active>a, @@ -1584,9 +1593,10 @@ a:hover, box-shadow: none !important; } -.swal-overlay--show-modal .swal-modal:not(.swal-modal.orgAlertTransparent), -body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading { - background: var(--main-bg-color); +.swal-modal, +body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading, +body > div.swal-overlay.swal-overlay--show-modal > div { + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -1655,6 +1665,7 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p .customvtab .tabs-vertical li.active a:hover { border-right: 2px solid rgb(var(--accent-color)); color: rgb(var(--accent-color)); + transition: background-color .3s; } .vtabs .tabs-vertical li a { @@ -1663,7 +1674,9 @@ body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.p .vtabs .nav>li>a:focus, .vtabs .nav>li>a:hover { - background-color: rgba(var(--accent-color), .15); + color: rgba(var(--accent-color)); + background: transparent; + transition: color .3s; } /* THEME PARK CUSTOM END*/ @@ -1719,7 +1732,7 @@ body { } .navbar-header { - background: var(--main-bg-color); + background: none; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -1736,14 +1749,7 @@ body { .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { - background: var(--modal-bg-color); - 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; + background: rgba(0, 0, 0, 0.25); } /*Right panel*/ @@ -1860,7 +1866,7 @@ background: rgb(0 0 0 / 0%) !important; } .dropdown-menu { - background: var(--drop-down-menu-bg) !important; + background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -1897,7 +1903,7 @@ background: rgb(0 0 0 / 0%) !important; } /*Button*/ -.btn-custom { +.btn-custom{ background: var(--button-color); border: 1px solid var(--button-color); color: var(--button-text); @@ -1910,6 +1916,21 @@ background: rgb(0 0 0 / 0%) !important; border: 1px solid var(--button-color-hover); } +.swal-button { + outline: none; + background: var(--button-color); + border: 1px solid var(--button-color); + color: var(--button-text); + border-radius: 0px; +} +.swal-button:focus,.swal-button:active { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0 0 0 3px rgb(var(--accent-color),.25); +} +.swal-button:not([disabled]):hover,.swal-button:active { + background-color: var(--button-color-hover); + color: var(--button-text-hover); + border: 1px solid var(--button-color-hover); +} /*Custom tab .customtab li.active a, .customtab li.active a:hover, @@ -2052,9 +2073,6 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div -o-background-size: auto, cover; } -.panel { - background: #1b1a1a; -} .form-control, input, @@ -2098,12 +2116,14 @@ input, .customtab2 li.active a:hover { background: #1f1f1f; border-radius: 20px; + border: 0; + transition: background-color .3s; } .nav-tabs>li>a:hover { - background: rgba(0, 0, 0, 0.25) !important; - border-radius: 0px; - color: var(--text-hover); + background: transparent !important; + border-radius: 20px; + color: rgb(var(--accent-color)) !important; } .tabs-style-flip nav a:focus, @@ -2122,7 +2142,7 @@ input, } -#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div { +/* #account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -2131,7 +2151,7 @@ input, -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; -} +} */ .tab-content .panel .panel-body, .tab-content .panel .panel-body .bg-org { @@ -2296,7 +2316,7 @@ fieldset[disabled] .form-control { .customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:focus, .customvtab .tabs-vertical li.active a:hover, -.dropdown-menu, +/* .dropdown-menu, */ .fc-day, .footable-row-detail, .img-thumbnail, @@ -2339,9 +2359,9 @@ table.dataTable tbody tr { .btn-default, .chat-list .chat-text h4, -.dropdown-menu>li>a, +/* .dropdown-menu>li>a, .dropdown-menu>li>a:focus, -.dropdown-menu>li>a:hover, +.dropdown-menu>li>a:hover, */ .flot-text, .footer, .form-control, @@ -2413,7 +2433,7 @@ th { .pager li>span, .pagination>li>a, .pagination>li>span, -.panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), +/* .panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), */ .panel-default .panel-body, .panel-default .panel-footer, .panel-default .panel-heading, @@ -2513,4 +2533,32 @@ span.select2-results { .select2-container--default .select2-results__option[aria-selected=true] { background-color: #232323; -} \ No newline at end of file +} + +/* .panel-info>.panel-heading { + background-color: rgba(var(--accent-color)); +} */ + +.panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div { + background-color: rgba(0, 0, 0, .25); +} +#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div > div > div, +#plexRecent > div.col-lg-12 > div, +#overseerr-requests > div.col-lg-12 > div, +body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div { + background: transparent; +} + +[id$="-settings-page"] .bg-org, .modal-content, +body > div.swal-overlay.swal-overlay--show-modal > div > div > div, +#email-area > div > div > div.row > div > div, +#invite-area > div > div > div.col-md-12 > div { + background: var(--modal-bg-color); + 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; +} diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css index 889f02f9..eebd42bc 100644 --- a/css/base/overseerr/overseerr-base.css +++ b/css/base/overseerr/overseerr-base.css @@ -65,6 +65,7 @@ button[class*="bg-indigo-"], button[class*="bg-gray-"], button[class*="border-indigo-"], button[class*="border-gray-"], +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a, button.input-action { background-color: var(--button-color); border-color: var(--button-color); @@ -81,7 +82,8 @@ button[class*="bg-gray-"]:hover, button[class*="border-indigo-"]:hover, button[class*="border-gray-"]:hover, button.input-action:hover, -button[class="input-action"]:hover { +button[class="input-action"]:hover, +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover { background-color: var(--button-color-hover); border-color: var(--button-color-hover); color: var(--button-text-hover); @@ -193,8 +195,8 @@ body { } .bg-gray-800 { - --tw-bg-opacity: 0.3; - background-color: rgb(0, 0, 0, var(--tw-bg-opacity)); + --tw-bg-opacity: 0.05; + background-color: rgb(255, 255, 255, var(--tw-bg-opacity)); } .hover\:bg-gray-700:hover { @@ -203,6 +205,11 @@ body { color: rgb(var(--accent-color)) !important; } +.bg-gray-700 { + --tw-bg-opacity: .05; + background-color: rgba(var(--accent-color), var(--tw-bg-opacity)); +} + /* SEARCH BAR */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 { background-color: rgb(var(--accent-color), .3) @@ -270,9 +277,9 @@ body { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5)); } -#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 { - background: rgba(var(--accent-color), 0.05); - color: rgba(var(--accent-color)); +#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500, +#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg { + color: rgb(var(--accent-color)) !important; } body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div { @@ -321,8 +328,8 @@ a.slider-title:hover { } /* CARD HOVER */ -#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover { - background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%); +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a { + background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important; } #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 { @@ -335,15 +342,16 @@ a.slider-title:hover { /* SHOW PAGE */ -#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 { - background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important; +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0, +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 { + background: var(--overseerr-gradient) !important; } #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-overview { - background: var(--main-bg-color); + /* background: var(--main-bg-color); padding: 1rem 1rem 2rem 0; padding-left: 1rem; - margin: 1rem -1rem -1rem; + margin: 1rem -1rem -1rem; */ } #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover, @@ -394,7 +402,7 @@ a.slider-title:hover { /* RINGA A DINGALING*/ .ring-1 { - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(255 255 255 / 10%) !important; } @@ -513,7 +521,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent /* DROPDOWN */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700, -#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a { +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a, +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div { background: var(--drop-down-menu-bg); } @@ -521,6 +530,14 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent background: rgba(255, 255, 255, 0.1); } + +[aria-labelledby="user-menu"] { + background: var(--drop-down-menu-bg); +} +[aria-labelledby="user-menu"] a:hover{ + background-color: rgba(255, 255, 255, 0.05); +} + /* LOGIN */ #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button, #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button { diff --git a/css/base/pihole/pihole-base.css b/css/base/pihole/pihole-base.css index 1df60fce..217c7fd9 100644 --- a/css/base/pihole/pihole-base.css +++ b/css/base/pihole/pihole-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ - /* https://assets.deathbybandaid.net/theme.park */ + /* https://assets.deathbybandaid.net/theme.park */ @import url(https://assets.deathbybandaid.net/theme.park/css/defaults/placeholders.css); diff --git a/css/base/plex/plex-base.css b/css/base/plex/plex-base.css index a279bf2d..f69aaa2f 100644 --- a/css/base/plex/plex-base.css +++ b/css/base/plex/plex-base.css @@ -118,8 +118,11 @@ a[class*="MetadataTableRow-title-"]:hover { } /* BODY */ -html body, -.application { +#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(1) > canvas, +#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > canvas { + display: none !important; +} +body,[class*="FullPageBackground-backgroundContainer-"] { background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -280,7 +283,8 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { border-color: rgb(var(--accent-color)); } -[class*="PivotTab-selectedButton-"]:after { +[class*="PivotTab-selectedButton-"]:after, +[class*="TabButton-selectedButton-"]:after { background-color: rgb(var(--accent-color)) !important; } diff --git a/css/base/portainer/portainer-base.css b/css/base/portainer/portainer-base.css index e35bad9f..843c93cc 100644 --- a/css/base/portainer/portainer-base.css +++ b/css/base/portainer/portainer-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ @import url("https://assets.deathbybandaid.net/theme.park/css/defaults/placeholders.css"); diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index 222c0fb2..65c0aa83 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ body { background: var(--main-bg-color); @@ -556,7 +556,11 @@ a:hover { } /* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -565,8 +569,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { @@ -602,10 +605,7 @@ a:hover { /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -618,6 +618,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 18479d7d..338f3071 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ :root { --calendar-in-cinemas: 53 197 244; --calendar-downloading: 122 67 182; @@ -566,7 +566,11 @@ a:hover { } /* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -575,8 +579,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { @@ -612,10 +615,7 @@ a:hover { /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -628,6 +628,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index 71f9b1c2..63f38d74 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ :root { --calendar-downloaded: 39 194 76; @@ -250,10 +250,7 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -266,6 +263,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; @@ -640,7 +641,11 @@ a:hover { /* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -649,8 +654,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { diff --git a/css/base/requestrr/requestrr-base.css b/css/base/requestrr/requestrr-base.css index da7f3cff..14af3615 100644 --- a/css/base/requestrr/requestrr-base.css +++ b/css/base/requestrr/requestrr-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ @import url(https://assets.deathbybandaid.net/theme.park/css/defaults/placeholders.css); diff --git a/css/base/resilio-sync/resilio-sync-base.css b/css/base/resilio-sync/resilio-sync-base.css index 4efe18dd..51d7aa0c 100644 --- a/css/base/resilio-sync/resilio-sync-base.css +++ b/css/base/resilio-sync/resilio-sync-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ @import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css); @import url(https://assets.deathbybandaid.net/theme.park/css/defaults/placeholders.css); diff --git a/css/base/sabnzbd/sabnzbd-base.css b/css/base/sabnzbd/sabnzbd-base.css index c42f4c7b..1983fe1c 100644 --- a/css/base/sabnzbd/sabnzbd-base.css +++ b/css/base/sabnzbd/sabnzbd-base.css @@ -49,6 +49,10 @@ a { color: var(--link-color); } +[href="#modal-add-nzb"] { + opacity: 1; +} + .speedlimit-dropdown.dropdown>div>div>a { color: var(--button-text); } @@ -184,7 +188,8 @@ hr { } .dropdown-menu, -#feedback-slider { +#feedback-slider, +.navbar-collapse.in .dropdown-menu { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -193,12 +198,29 @@ hr { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; + border: none; } -.dropdown-menu>li>a { +.dropdown-menu>li>a{ color: var(--text-hover); } +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-collapse.in .dropdown-menu a, .navbar-collapse.in .dropdown-menu a:hover { + color: var(--text-hover) !important; +} + +.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.navbar-inverse .navbar-toggle { + border-color: rgba(255, 255, 255, 0.1); +} + .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: var(--text-hover); @@ -981,7 +1003,6 @@ select[disabled]:hover { /*modal*/ .modal-content { background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; background-size: auto, cover; @@ -1010,6 +1031,8 @@ select[disabled]:hover { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; + margin-left: 0px; + margin-right: 0px; } .modal-body>.nav-tabs>li>a { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 4f0d196f..fdbb24c2 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ :root { --calendar-tv-unaired-premiere: 53 197 244; @@ -566,7 +566,11 @@ a:hover { } /* SERIES TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -575,8 +579,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { @@ -611,10 +614,7 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], [class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -627,6 +627,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; @@ -642,7 +646,6 @@ a:hover { } [class*="EnhancedSelectInput-optionsModalScroller-"] { - border: 1px solid var(--drop-down-menu-bg); border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -663,8 +666,7 @@ a:hover { color: var(--button-text-hover); } -[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { - +[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } diff --git a/css/base/synclounge/synclounge-base.css b/css/base/synclounge/synclounge-base.css index 3b1e6696..630b37ef 100644 --- a/css/base/synclounge/synclounge-base.css +++ b/css/base/synclounge/synclounge-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ @import url(https://assets.deathbybandaid.net/theme.park/css/defaults/placeholders.css); diff --git a/css/base/thelounge/thelounge-base.css b/css/base/thelounge/thelounge-base.css index d9289bd8..6f1c4eaf 100644 --- a/css/base/thelounge/thelounge-base.css +++ b/css/base/thelounge/thelounge-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ #chat .userlist .names { background: rgba(0, 0, 0, 0.25); diff --git a/css/base/unraid/unraid-base.css b/css/base/unraid/unraid-base.css index d2c10576..71d50c6e 100644 --- a/css/base/unraid/unraid-base.css +++ b/css/base/unraid/unraid-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ * { outline: none; @@ -53,6 +53,10 @@ i.control:hover { color: var(--link-color-hover); } +pre { + border: 1px solid rgb(255 255 255 / 30%); +} + #template { background: var(--main-bg-color); background-repeat: repeat, no-repeat; diff --git a/css/base/vuetorrent/vuetorrent-base.css b/css/base/vuetorrent/vuetorrent-base.css index 56869e85..9ef2673a 100644 --- a/css/base/vuetorrent/vuetorrent-base.css +++ b/css/base/vuetorrent/vuetorrent-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ /* MOBILE */ diff --git a/css/base/webtools/webtools-base.css b/css/base/webtools/webtools-base.css index b7c0ba39..1e9c5211 100644 --- a/css/base/webtools/webtools-base.css +++ b/css/base/webtools/webtools-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ body { background: var(--main-bg-color); diff --git a/css/base/xbackbone/xbackbone-base.css b/css/base/xbackbone/xbackbone-base.css index 6b3ee6d7..dbafeb2a 100644 --- a/css/base/xbackbone/xbackbone-base.css +++ b/css/base/xbackbone/xbackbone-base.css @@ -8,7 +8,7 @@ /* dP */ /* Made by @gilbN */ -/* https://assets.deathbybandaid.net/theme.park */ +/* https://assets.deathbybandaid.net/theme.park */ .bg-light { background: var(--main-bg-color) !important; diff --git a/css/community-theme-options/blackberry-abyss.css b/css/community-theme-options/blackberry-abyss.css index 20f2b680..385a3f33 100644 --- a/css/community-theme-options/blackberry-abyss.css +++ b/css/community-theme-options/blackberry-abyss.css @@ -29,4 +29,7 @@ --plex-poster-unwatched: #829db9; --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 130, 157, 185; + --overseerr-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, + radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, + linear-gradient(to right, hsla(211, 18%, 5%, .9), hsla(211, 18%, 45%, .9), rgba(10, 13, 15, 0.9)) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-amethyst.css b/css/community-theme-options/blackberry-amethyst.css index a65ad030..d4b07496 100644 --- a/css/community-theme-options/blackberry-amethyst.css +++ b/css/community-theme-options/blackberry-amethyst.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(134, 84, 132); --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 134, 84, 132; + --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, rgb(223, 137, 222, .85) 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/css/community-theme-options/blackberry-carol.css b/css/community-theme-options/blackberry-carol.css index a1c50eee..aaa1108d 100644 --- a/css/community-theme-options/blackberry-carol.css +++ b/css/community-theme-options/blackberry-carol.css @@ -34,4 +34,12 @@ --plex-poster-unwatched: rgb(100, 15, 15); --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 100, 15, 15; + --overseerr-gradient: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), + radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, + radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, + radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, + radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, + radial-gradient(at bottom right, rgba(11, 80, 25, 0.85), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, + radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, + linear-gradient(45deg, rgb(11, 80, 25,.85) 0%, rgb(167, 6, 6,.85) 135%) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/css/community-theme-options/blackberry-dreamscape.css b/css/community-theme-options/blackberry-dreamscape.css index 25d1f769..47591d29 100644 --- a/css/community-theme-options/blackberry-dreamscape.css +++ b/css/community-theme-options/blackberry-dreamscape.css @@ -30,4 +30,7 @@ --plex-poster-unwatched: #e7627d; --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 231, 98, 125; + --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed, + radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, + linear-gradient(to top, rgb(226, 201, 204, .9) 1%, rgb(231, 98, 125, .9) 46%, rgb(184, 35, 90, .9) 59%, rgb(128, 19, 87, .9) 71%, rgb(61, 22, 53, .9) 84%, rgb(28, 26, 39, .9) 100%) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-flamingo.css b/css/community-theme-options/blackberry-flamingo.css index 5960db7b..83d14c5d 100644 --- a/css/community-theme-options/blackberry-flamingo.css +++ b/css/community-theme-options/blackberry-flamingo.css @@ -28,4 +28,6 @@ --plex-poster-unwatched: #ff9a9e; --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 154, 158; + --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, + linear-gradient(45deg, rgb(255, 154, 158, .9) 0%, rgb(250, 208, 196, .9) 99%, rgb(250, 208, 196, .9) 100%) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-hearth.css b/css/community-theme-options/blackberry-hearth.css index 3a2bd62f..ab91f402 100644 --- a/css/community-theme-options/blackberry-hearth.css +++ b/css/community-theme-options/blackberry-hearth.css @@ -29,4 +29,6 @@ --plex-poster-unwatched: #ff9a9e; --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 154, 158; + --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, + linear-gradient(to bottom, hsla(0, 20%, 5%, 0.9), hsl(0, 65%, 23%, .9), hsl(0, 100%, 9%, .9)) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-martian.css b/css/community-theme-options/blackberry-martian.css index 5e23b383..69f006c4 100644 --- a/css/community-theme-options/blackberry-martian.css +++ b/css/community-theme-options/blackberry-martian.css @@ -29,4 +29,7 @@ --plex-poster-unwatched: #43e97b; --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 67, 233, 123; + --overseerr-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed, + radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed, + linear-gradient(to right, rgb(67, 233, 123, .9) 0%, rgb(4, 56, 21, .9) 100%) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-pumpkin.css b/css/community-theme-options/blackberry-pumpkin.css index fac73a69..984d8211 100644 --- a/css/community-theme-options/blackberry-pumpkin.css +++ b/css/community-theme-options/blackberry-pumpkin.css @@ -30,4 +30,8 @@ --plex-poster-unwatched: #ff8a00; --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 138, 0; + --overseerr-gradient: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed, + radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed, + radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12, .85)) center center/cover no-repeat fixed, + radial-gradient(at center center, rgb(255, 138, 0, .85) 50%, rgb(55, 3, 58, .85) 100%) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-royal.css b/css/community-theme-options/blackberry-royal.css index c7da6c4b..2ff07837 100644 --- a/css/community-theme-options/blackberry-royal.css +++ b/css/community-theme-options/blackberry-royal.css @@ -28,4 +28,6 @@ --plex-poster-unwatched: rgb(185, 170, 159); --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 185, 170, 159; + --overseerr-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed, + radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) rgba(0, 0, 0, 0.90) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-shadow.css b/css/community-theme-options/blackberry-shadow.css index 77ff6051..3daedfa3 100644 --- a/css/community-theme-options/blackberry-shadow.css +++ b/css/community-theme-options/blackberry-shadow.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(81, 101, 114); --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 81, 101, 114; + --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .9), rgb(9, 12, 14, .9)) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-solar.css b/css/community-theme-options/blackberry-solar.css index ef79214c..af1c5fd3 100644 --- a/css/community-theme-options/blackberry-solar.css +++ b/css/community-theme-options/blackberry-solar.css @@ -28,4 +28,6 @@ --plex-poster-unwatched: rgb(246, 211, 101); --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 246, 211, 101; + --overseerr-gradient: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed, + linear-gradient(120deg, rgb(246, 211, 101, .8) 0%, rgb(162, 90, 37, .8) 100%) center center/cover no-repeat fixed; } diff --git a/css/community-theme-options/blackberry-vanta.css b/css/community-theme-options/blackberry-vanta.css index 95d810e9..5ad9da76 100644 --- a/css/community-theme-options/blackberry-vanta.css +++ b/css/community-theme-options/blackberry-vanta.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #e5a00d; --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 255, 255; + --overseerr-gradient: linear-gradient(rgba(0, 0, 0, 0.47) 0%, rgb(0, 0, 0) 100%); } diff --git a/css/community-theme-options/hotline-old.css b/css/community-theme-options/hotline-old.css index 2fb98d4a..17cceb24 100644 --- a/css/community-theme-options/hotline-old.css +++ b/css/community-theme-options/hotline-old.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #FB3122; --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 244, 67, 54; + --overseerr-gradient: radial-gradient(ellipse at center, rgb(244, 67, 54, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/css/community-theme-options/mind.css b/css/community-theme-options/mind.css index 2958ef84..4124da1b 100644 --- a/css/community-theme-options/mind.css +++ b/css/community-theme-options/mind.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #e1d500; --petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 228, 216, 0; + --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%); } \ No newline at end of file diff --git a/css/community-theme-options/onedark.css b/css/community-theme-options/onedark.css index 5cf895aa..c128d625 100644 --- a/css/community-theme-options/onedark.css +++ b/css/community-theme-options/onedark.css @@ -27,5 +27,6 @@ --plex-poster-unwatched: #e06c75; --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 97, 175, 239; + --overseerr-gradient: linear-gradient(180deg, rgba(40, 44, 52, 0.17) 0%, rgba(40, 44, 52) 100%); } diff --git a/css/community-theme-options/pine-shadow.css b/css/community-theme-options/pine-shadow.css index 569a0d00..351f4d9f 100644 --- a/css/community-theme-options/pine-shadow.css +++ b/css/community-theme-options/pine-shadow.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(229, 160, 13); --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 193, 7; + --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .95), rgb(9, 12, 14, .95)) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/css/community-theme-options/power.css b/css/community-theme-options/power.css index cdb2f12b..ae2ef7d2 100644 --- a/css/community-theme-options/power.css +++ b/css/community-theme-options/power.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(216, 22, 174); --petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 166, 40, 140; + --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%); } \ No newline at end of file diff --git a/css/community-theme-options/reality.css b/css/community-theme-options/reality.css index b365bdb3..496f6666 100644 --- a/css/community-theme-options/reality.css +++ b/css/community-theme-options/reality.css @@ -24,4 +24,5 @@ --plex-poster-unwatched: rgb(232, 12, 11); --petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 232, 12, 11; + --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%); } \ No newline at end of file diff --git a/css/community-theme-options/soul.css b/css/community-theme-options/soul.css index e64d7bd8..0bd55dd4 100644 --- a/css/community-theme-options/soul.css +++ b/css/community-theme-options/soul.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #880030; --petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 153, 0; + --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%); } \ No newline at end of file diff --git a/css/community-theme-options/space.css b/css/community-theme-options/space.css index 45c33c04..f1005856 100644 --- a/css/community-theme-options/space.css +++ b/css/community-theme-options/space.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(0, 98, 255); --petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 0, 98, 255; + --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%); } \ No newline at end of file diff --git a/css/community-theme-options/time.css b/css/community-theme-options/time.css index 856f6f53..b2a3b6db 100644 --- a/css/community-theme-options/time.css +++ b/css/community-theme-options/time.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(109, 247, 81); --petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 109, 247, 81; + --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%); } \ No newline at end of file diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css new file mode 100644 index 00000000..de3a1b7f --- /dev/null +++ b/css/community-theme-options/trueblack.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: #000; + --modal-bg-color: #000; + --modal-header-color: #000; + --modal-footer-color: #000; + + --drop-down-menu-bg: #000; + + --button-color: #7a7a7a; + --button-color-hover: #444; + --button-text: #ddd; + --button-text-hover: #999; + + --accent-color: 170, 170, 170; + --accent-color-hover: rgba(153, 153, 153, 0.45); + --link-color: #7a7a7a; + --link-color-hover: #999; + --label-text-color: black; + + --text:#ddd; + --text-hover: #999; + --text-muted: #5a5a5a; + + /*Specials*/ + --arr-queue-color: #ddd; /* Servarr apps + Bazarr*/ + --plex-poster-unwatched: #ddd; + --petio-spinner: invert(35%) sepia(0%) saturate(6%) hue-rotate(136deg) brightness(95%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 170, 170, 170; + --overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%); +} \ No newline at end of file diff --git a/css/theme-options/aquamarine.css b/css/theme-options/aquamarine.css index 6b9184fc..13742898 100644 --- a/css/theme-options/aquamarine.css +++ b/css/theme-options/aquamarine.css @@ -1,11 +1,11 @@ :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; - --modal-header-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-footer-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --drop-down-menu-bg: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --drop-down-menu-bg: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --button-color: #009688; --button-color-hover: #12afa0; @@ -27,4 +27,5 @@ --plex-poster-unwatched: rgb(21, 213, 194); --petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 18, 175, 160; + --overseerr-gradient: radial-gradient(ellipse at center, rgb(71, 145, 138, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed; } diff --git a/css/theme-options/dark.css b/css/theme-options/dark.css index d3ecc7ac..10315ab9 100644 --- a/css/theme-options/dark.css +++ b/css/theme-options/dark.css @@ -1,9 +1,9 @@ :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; - --modal-header-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --modal-footer-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --drop-down-menu-bg: #2d2d2d; @@ -27,4 +27,5 @@ --plex-poster-unwatched: #e5a00d; --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 255, 255; + --overseerr-gradient: radial-gradient(circle, rgba(58, 58, 58,.95), rgba(45, 45, 45,.95), rgba(32, 32, 32,.95), rgba(20, 20, 20,.95), rgb(0, 0, 0,.95)) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/css/theme-options/dracula.css b/css/theme-options/dracula.css index f7fbf04f..8d2214f8 100644 --- a/css/theme-options/dracula.css +++ b/css/theme-options/dracula.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #bd93f9; --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 80, 250, 123; + --overseerr-gradient: linear-gradient(180deg, rgba(40, 42, 54, 0.17) 0%, rgba(40, 42, 54) 100%); } \ No newline at end of file diff --git a/css/theme-options/hotline.css b/css/theme-options/hotline.css index f576a9d6..9e1487cd 100644 --- a/css/theme-options/hotline.css +++ b/css/theme-options/hotline.css @@ -1,9 +1,9 @@ :root { --main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; - --modal-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; - --modal-header-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; - --modal-footer-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed; --drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed; @@ -27,4 +27,5 @@ --plex-poster-unwatched: #f765b8; --petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 215,255,254; + --overseerr-gradient: linear-gradient(0deg, rgba(247,101,184,.9) 0%, rgb(21, 95, 165,.9) 100%) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/css/theme-options/hotpink.css b/css/theme-options/hotpink.css index 864dc7f6..4ba1641d 100644 --- a/css/theme-options/hotpink.css +++ b/css/theme-options/hotpink.css @@ -1,9 +1,9 @@ :root { --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; - --modal-header-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; - --modal-footer-color: radial-gradient(circle, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + --modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed; --drop-down-menu-bg: #204c80; @@ -26,5 +26,6 @@ --plex-poster-unwatched: #fb3f62; --petio-spinner: invert(29%) sepia(87%) saturate(2199%) hue-rotate(331deg) brightness(115%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 251, 63, 98; + --overseerr-gradient: linear-gradient(45deg, rgb(251, 63, 98,1) 0%, rgb(32, 76, 128,.95) 37%, rgb(0, 66, 73,.9) 97%) center center/cover no-repeat fixed; } diff --git a/css/theme-options/nord.css b/css/theme-options/nord.css index 2de36393..456216dd 100644 --- a/css/theme-options/nord.css +++ b/css/theme-options/nord.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #D08770; --petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 121, 184, 202; + --overseerr-gradient: linear-gradient(180deg, rgba(46, 52, 64, 0.17) 0%, rgba(46, 52, 64) 100%); } \ No newline at end of file diff --git a/css/theme-options/organizr.css b/css/theme-options/organizr.css index 279336e2..8d1bc0f9 100644 --- a/css/theme-options/organizr.css +++ b/css/theme-options/organizr.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #2cabe3; --petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 44, 171, 227; + --overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%); } \ No newline at end of file diff --git a/css/theme-options/overseerr.css b/css/theme-options/overseerr.css index 7cffcc5e..39b318d0 100644 --- a/css/theme-options/overseerr.css +++ b/css/theme-options/overseerr.css @@ -27,4 +27,5 @@ --plex-poster-unwatched: #6366f1; --petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 98, 116, 145; + --overseerr-gradient: linear-gradient(rgba(17, 24, 39, 0.47) 0%, rgb(17, 24, 39) 100%); } \ No newline at end of file diff --git a/css/theme-options/plex.css b/css/theme-options/plex.css index ee559a41..2ea412b6 100644 --- a/css/theme-options/plex.css +++ b/css/theme-options/plex.css @@ -1,9 +1,10 @@ :root { - /* --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed; + /* + --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed; --modal-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-dark2.png") center center/cover no-repeat fixed; - */ - --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed; - + --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed; + */ + --main-bg-color: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed; --modal-bg-color: #1f2326; --modal-header-color: #1f2326; --modal-footer-color: #323232; @@ -29,4 +30,5 @@ --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/ --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 255, 193, 7; - } \ No newline at end of file + --overseerr-gradient: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100% , rgba(54, 66, 84, 0.55) 0% , rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%) center center/cover no-repeat fixed , radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%) center center/cover no-repeat fixed , rgb(0, 0, 0,.9) center center/cover no-repeat fixed; + } \ No newline at end of file diff --git a/css/theme-options/space-gray.css b/css/theme-options/space-gray.css index bcfda52b..032b6726 100644 --- a/css/theme-options/space-gray.css +++ b/css/theme-options/space-gray.css @@ -1,11 +1,11 @@ :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; - --modal-header-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; - --modal-footer-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; + --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; - --drop-down-menu-bg: radial-gradient(ellipse at top, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed; + --drop-down-menu-bg: linear-gradient(-90deg, 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; @@ -27,4 +27,5 @@ --plex-poster-unwatched: #70aeca; --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ --gitea-color-primary-dark-4: 129, 166, 183; + --overseerr-gradient: radial-gradient(ellipse at center, rgba(87, 108, 117, .9) 0%, rgba(37, 50, 55, .9) 100.2%) center center/cover no-repeat fixed; } \ No newline at end of file diff --git a/docker-mods/deluge/root/etc/cont-init.d/98-themepark b/docker-mods/deluge/root/etc/cont-init.d/98-themepark index 8ca49502..9bbd3ea8 100644 --- a/docker-mods/deluge/root/etc/cont-init.d/98-themepark +++ b/docker-mods/deluge/root/etc/cont-init.d/98-themepark @@ -1,4 +1,4 @@ -#!/usr/bin/with-contenv bash +#!/usr/bin/with-contenv bash echo '---------------------------' echo '| Deluge theme.park Mod |' @@ -34,12 +34,13 @@ if [[ -z ${TP_THEME} ]]; then fi # Adding stylesheets -if ! grep -q "${TP_DOMAIN}/css/base" /usr/lib/python3/dist-packages/deluge/ui/web/index.html; then +DELUGE_INDEX_PATH=$(find -name index.html) +if ! grep -q "${TP_DOMAIN}/css/base" ${DELUGE_INDEX_PATH}; then echo '---------------------------' echo '| Adding the stylesheet |' echo '---------------------------' - sed -i "s/<\/head>/<\/head> /g" /usr/lib/python3/dist-packages/deluge/ui/web/index.html - sed -i "s/<\/head>/<\/head> /g" /usr/lib/python3/dist-packages/deluge/ui/web/index.html + sed -i "s/<\/head>/<\/head> /g" ${DELUGE_INDEX_PATH} + sed -i "s/<\/head>/<\/head> /g" ${DELUGE_INDEX_PATH} printf 'Stylesheet set to %s\n' "${TP_THEME} " -fi \ No newline at end of file +fi diff --git a/docker/Dockerfile b/docker/Dockerfile new file mode 100644 index 00000000..a9005e4e --- /dev/null +++ b/docker/Dockerfile @@ -0,0 +1,18 @@ +FROM ghcr.io/linuxserver/baseimage-alpine-nginx:3.14 + +LABEL maintainer="Roxedus" + +COPY / /themepark + +RUN \ +echo " ## Installing packages ## " && \ +apk add --no-cache --virtual=build-dependencies \ + python3 + + +# RUN mkdir -p /usr/share/nginx/html/css/ +# RUN mkdir -p /usr/share/nginx/html/resources/ +# RUN cp -R css/ /usr/share/nginx/html/css/ +# RUN cp -R resources/ /usr/share/nginx/html/resources/ +# RUN cp index.html /usr/share/nginx/html/index.html +#rm -rf /themepark \ No newline at end of file diff --git a/index.html b/index.html index 2f7008dd..b714fcb4 100644 --- a/index.html +++ b/index.html @@ -8,23 +8,27 @@ theme.park - A collection of themes/skins for your favorite apps! - + - + - + - + @@ -37,11 +41,20 @@ - + + + + @@ -58,17 +71,17 @@
  • Docs
  • Github
    • + href="https://github.com/gilbn/theme.park"> Github
  • Discord
  • Sponsor
  • - Star
  • - Fork
    • @@ -142,7 +155,7 @@

    Find us on Github

    Having issues with a theme? Let us know on Github!

    + href="https://github.com/gilbn/theme.park">Github!

    @@ -156,8 +169,11 @@
    -

    Community Themes!

    -

    Got a good color scheme you'd like to see added? PR it!

    +

    Community + Themes!

    +

    Got a good color scheme you'd like to see + added? PR it!

    @@ -172,21 +188,24 @@
    -
    -
    -
    -
    -
    - +
    +
    +
    +
    +
    + +
    -
    -
    +

    Official theme options

    -
    Click here for the community themes
    - +
    Click here for the community themes
    +
    @@ -228,4 +247,4 @@ - + \ No newline at end of file