From f8861d1a9420ece19ab55b9762b049ccb001f251 Mon Sep 17 00:00:00 2001 From: deathbybandaid Date: Mon, 2 May 2022 07:30:40 -0400 Subject: [PATCH] 2022-05-02 --- css/base/adguard/adguard-base.css | 8 +- css/base/bazarr/bazarr-base.css | 6 +- css/base/bitwarden/bitwarden-base.css | 4 +- css/base/duplicati/duplicati-base.css | 2 +- css/base/filebrowser/filebrowser-base.css | 2 +- css/base/gitea/gitea-base.css | 4 +- css/base/guacamole/guacamole-base.css | 162 ++++---- css/base/jackett/jackett-base.css | 4 +- css/base/mylar3/mylar3-base.css | 2 +- .../nginx-proxy-manager-base.css | 347 ++++++++++++++++++ css/base/organizr/organizr-base.css | 8 +- css/base/overseerr/overseerr-base.css | 2 +- css/base/portainer/portainer-base.css | 2 +- css/base/rutorrent/rutorrent-base.css | 25 +- css/base/sabnzbd/sabnzbd-base.css | 6 +- css/base/uptime-kuma/uptime-kuma-base.css | 2 +- css/base/vuetorrent/vuetorrent-base.css | 60 ++- css/base/whisparr/whisparr-base.css | 2 +- css/base/xbackbone/xbackbone-base.css | 2 +- css/community-theme-options/power.css | 2 +- css/defaults/servarr-base.css | 14 +- css/theme-options/aquamarine.css | 2 +- css/theme-options/hotline.css | 2 +- css/theme-options/nord.css | 2 +- css/theme-options/space-gray.css | 2 +- .../deluge/root/etc/cont-init.d/98-themepark | 2 +- .../themepark.subdomain.conf.sample | 2 +- .../themepark.subfolder.conf.sample | 2 +- docker/root/defaults/default | 2 +- themes.py | 2 +- 30 files changed, 560 insertions(+), 124 deletions(-) create mode 100644 css/base/nginx-proxy-manager/nginx-proxy-manager-base.css diff --git a/css/base/adguard/adguard-base.css b/css/base/adguard/adguard-base.css index c38a3450..d4520333 100644 --- a/css/base/adguard/adguard-base.css +++ b/css/base/adguard/adguard-base.css @@ -532,7 +532,7 @@ h6, .custom-select:focus { color: var(--text-hover); - background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; + background: var(--drop-down-menu-bg) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.2); @@ -541,7 +541,7 @@ h6, select.form-control.select:focus, select:focus { color: var(--text-hover); - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; } .icon--selected { @@ -634,7 +634,7 @@ select:focus { } .dropdown-menu { - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; } .ReactModal__Content { @@ -656,6 +656,6 @@ select:focus { } .dropdown-menu { - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; } } \ No newline at end of file diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index af6bfcb8..a17f64a4 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -421,7 +421,7 @@ hr { } .popover { - background-color: #1f1f1f; + background-color: var(--drop-down-menu-bg); border: 1px solid var(--transparency-light-20); } @@ -431,7 +431,7 @@ hr { } .popover-header { - background-color: #1f1f1f; + background-color: var(--drop-down-menu-bg); border-bottom: 1px solid var(--transparency-light-10); } @@ -797,7 +797,7 @@ input { /* RECHARTS */ .recharts-default-tooltip { - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; border: transparent !important; } diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 7020d1dc..d41a487e 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -296,7 +296,7 @@ html[class*="theme_"] .form-control:disabled, } select:focus { - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; } /* DROPDOWN MENU */ @@ -319,7 +319,7 @@ html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text { html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-item { - background: #1f1f1f; + background: var(--drop-down-menu-bg); color: var(--text-hover); } diff --git a/css/base/duplicati/duplicati-base.css b/css/base/duplicati/duplicati-base.css index 5b3a7622..75c3537b 100644 --- a/css/base/duplicati/duplicati-base.css +++ b/css/base/duplicati/duplicati-base.css @@ -167,7 +167,7 @@ form.styled textarea:focus { select:focus, form.styled select:focus, form.styled .input.select select:focus { - background: #1f1f1f; + background: var(--drop-down-menu-bg); color: var(--text-hover); border: none; diff --git a/css/base/filebrowser/filebrowser-base.css b/css/base/filebrowser/filebrowser-base.css index 2b19e65b..cd2d7e9d 100644 --- a/css/base/filebrowser/filebrowser-base.css +++ b/css/base/filebrowser/filebrowser-base.css @@ -283,7 +283,7 @@ svg { } select>option { - background: #1f1f1f; + background: var(--drop-down-menu-bg); } #search #input { diff --git a/css/base/gitea/gitea-base.css b/css/base/gitea/gitea-base.css index 83becd49..be655547 100644 --- a/css/base/gitea/gitea-base.css +++ b/css/base/gitea/gitea-base.css @@ -10,8 +10,8 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ -@import url("/theme.park/cssbase/gitea/chroma.css"); -@import url("/theme.park/cssbase/gitea/monaco_vs_dark.css"); +@import url("/theme.park/css/base/gitea/chroma.css"); +@import url("/theme.park/css/base/gitea/monaco_vs_dark.css"); @import url("/theme.park/css/defaults/placeholders.css"); @import url("/theme.park/css/defaults/transparent.css"); diff --git a/css/base/guacamole/guacamole-base.css b/css/base/guacamole/guacamole-base.css index 3f8d1221..90fa20be 100644 --- a/css/base/guacamole/guacamole-base.css +++ b/css/base/guacamole/guacamole-base.css @@ -26,7 +26,8 @@ h6 { color: var(--text-hover); } -body { +body, +.logged-out-modal guac-modal { background: var(--main-bg-color) !important; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -49,51 +50,6 @@ div.displayMiddle { -o-background-size: auto, cover; } -/* Scrollbar */ -@media only screen and (min-width: 768px) { - html { - height: 100%; - width: 100%; - overflow: hidden; - } - - body { - overflow-y: auto; - height: 100%; - background: var(--main-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; - } -} - -::-webkit-scrollbar { - width: 14px; -} - -::-webkit-scrollbar-thumb { - min-height: 50px; - border: 3px solid transparent; - border-radius: 8px; - background: var(--transparency-dark-20); - background-clip: padding-box; -} - -::-webkit-scrollbar-track { - background-color: transparent; -} - -::-webkit-scrollbar-thumb:hover { - min-height: 50px; - border: 3px solid transparent; - border-radius: 8px; - background: var(--transparency-light-50); - background-clip: padding-box; -} /* LOGIN MENU */ div.login-ui { @@ -105,6 +61,7 @@ div.login-ui { border: none; } + input[type="submit"], button, a.button { @@ -120,24 +77,34 @@ a.button:hover { border: none; cursor: pointer; } +select { + background: var(--transparency-dark-10); + color: var(--text); + border-color: transparent; +} +select:focus { + background-color: var(--drop-down-menu-bg); + color: var(--text); +} .login-ui .login-fields .labeled-field input:focus { - background: var(--transparency-dark-45) !important; outline: none; } .login-ui .login-fields .labeled-field.empty input { - background: var(--transparency-dark-25) !important; outline: none; + background: rgba(0, 0, 0, 0.15); + caret-color: var(--text); } .login-ui .login-fields .labeled-field.empty input:focus { - background: var(--transparency-dark-45) !important; outline: none; + color: black; } .login-ui .login-dialog .login-fields input { - background: var(--transparency-dark-45) !important; + background: white; + color: black !important; } div.location, @@ -146,8 +113,7 @@ input[type=email], input[type=number], input[type=password], textarea { - color: var(--text-hover) !important; - background: var(--transparency-dark-25) !important; + color: var(--text-hover); } input[type=checkbox], @@ -156,33 +122,52 @@ input[type=text], input[type=email], input[type=radio], textarea { - color: var(--text-hover) !important; - background: transparent; + color: var(--text-hover); +} + +.login-ui .login-dialog .login-fields input { + background: white; + color: black !important; } /* HOME MENU */ .header h2 { - color: var(--text-hover); - background: var(--transparency-dark-25); + color: rgb(var(--accent-color)); } .connection .icon.vnc, .connection .icon.rdp { background-image: url(/theme.park/resources/guacamole/guac-monitor.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .connection .icon.ssh, .connection .icon.telnet { background-image: url(/theme.park/resources/guacamole/guac-text.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .user-menu .menu-dropdown .menu-title { background-image: url(/theme.park/resources/guacamole/guac-user.png); background-color: transparent; + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .user-menu .menu-dropdown .menu-contents li a[href="#/"] { background-image: url(/theme.park/resources/guacamole/guac-home-dark.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], @@ -190,30 +175,58 @@ textarea { .user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] { background-image: url(/theme.park/resources/guacamole/guac-config-dark.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .user-menu .menu-dropdown .menu-contents li a.logout { background-image: url(/theme.park/resources/guacamole/guac-logout-dark.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .icon.user { background-image: url(/theme.park/resources/guacamole/guac-user.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .pager .icon.first-page { background-image: url(/theme.park/resources/guacamole/guac-first-page.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .pager .icon.prev-page { background-image: url(/theme.park/resources/guacamole/guac-prev-page.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .pager .icon.next-page { background-image: url(/theme.park/resources/guacamole/guac-next-page.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .pager .icon.last-page { background-image: url(/theme.park/resources/guacamole/guac-last-page.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .loading::before { @@ -222,19 +235,39 @@ textarea { table.sorted th.sort-primary.sort-descending:after { background-image: url(/theme.park/resources/guacamole/up.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .menu-dropdown .menu-indicator { background-image: url(/theme.park/resources/guacamole/down.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } .menu-dropdown .menu-indicator:hover { background-image: url(/theme.park/resources/guacamole/down.png); color: #f9be03; + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; } table.sorted th.sort-primary:after { background-image: url(/theme.park/resources/guacamole/down.png); + background-repeat: no-repeat; + background-size: 1em; + background-position: 0.75em; + padding-left: 2.5em; +} + +.form-field .password-field input[type=password]~.icon.toggle-password { + filter: invert(1); } thead { @@ -255,11 +288,6 @@ table.sorted td { background: var(--transparency-dark-25) } -.menu-dropdown { - border-left: none; - background: var(--transparency-dark-25) -} - .menu-dropdown .menu-contents li a { display: block; cursor: pointer; @@ -270,7 +298,6 @@ table.sorted td { .menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover { - background: var(--transparency-dark-25); color: var(--text-hover) } @@ -300,9 +327,6 @@ table.sorted td { color: var(--text-hover); } -.header .filter { - background: var(--transparency-dark-25); -} .filter .search-string { background-image: url(/theme.park/resources/guacamole/magnifier.png) !important; @@ -606,4 +630,12 @@ input[type=radio] { .related-objects .abbreviated-related-objects ul li label span { color: var(--label-text-color) !important; +} + +.attributes .form h3, .header { + background: var(--transparency-dark-25) +} + +.connection-parameters .form .fields { + border-left: 3px solid rgb(var(--accent-color)); } \ No newline at end of file diff --git a/css/base/jackett/jackett-base.css b/css/base/jackett/jackett-base.css index 37a4827d..cacf70c3 100644 --- a/css/base/jackett/jackett-base.css +++ b/css/base/jackett/jackett-base.css @@ -222,9 +222,9 @@ select { } select:focus { - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; color: var(--text) !important; - border: 1px solid #1f1f1f !important; + border: 1px solid var(--drop-down-menu-bg) !important; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); } diff --git a/css/base/mylar3/mylar3-base.css b/css/base/mylar3/mylar3-base.css index 19ec82ac..f7a5e591 100644 --- a/css/base/mylar3/mylar3-base.css +++ b/css/base/mylar3/mylar3-base.css @@ -551,7 +551,7 @@ select { } select:focus { - background: #1f1f1f; + background: var(--drop-down-menu-bg); color: var(--text); } diff --git a/css/base/nginx-proxy-manager/nginx-proxy-manager-base.css b/css/base/nginx-proxy-manager/nginx-proxy-manager-base.css new file mode 100644 index 00000000..22ab9f92 --- /dev/null +++ b/css/base/nginx-proxy-manager/nginx-proxy-manager-base.css @@ -0,0 +1,347 @@ +/* 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 */ + +@import url("/theme.park/css/defaults/placeholders.css"); +@import url("/theme.park/css/defaults/transparent.css"); + +body { + background: var(--main-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; + color: var(--text); +} + +.header, .footer { + background: var(--transparency-dark-25); + color: var(--text); +} + +.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; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); + border: none; +} + +.modal-header { + background: var(--modal-header-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; + border-bottom: 1px solid var(--transparency-light-10); + color: var(--text-hover) +} + +.modal-footer { + background: var(--modal-footer-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; + border-top: 1px solid var(--transparency-light-10); +} +/* NAVIGATION */ + +.navbar-light .navbar-brand { + color: rgb(var(--accent-color)) +} + +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: var(--accent-color-hover); +} + +.nav-tabs { + color: var(--link-color); +} +.nav-tabs .nav-link:hover:not(.disabled) { + border-color: var(--accent-color-hover); + color: var(--accent-color-hover); +} + +.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { + color: var(--accent-color-hover); + background-color: transparent; + border-color: var(--accent-color-hover) var(--accent-color-hover) var(--accent-color-hover); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.navbar-light .navbar-toggler { + color: rgba(0,0,0,0.5); + border-color: var(--transparency-light-10); +} + +.nav-tabs { + border-bottom: 1px solid var(--transparency-light-10); +} + + +/* DROPDOWNS AND SELECTS */ +.dropdown-menu { + background: var(--drop-down-menu-bg); + color: var(--text); + border: 1px solid var(--transparency-light-10); +} +.dropdown-item, +.card-options a { + color: var(--text); +} +.dropdown-item:hover, .dropdown-item:focus, +.card-options a:hover { + color: var(--text-hover); + text-decoration: none; + background-color: var(--transparency-dark-10); +} + +.dropdown-header { + color: var(--text-hover); +} + +.dropdown-icon { + color: rgb(var(--accent-color)); +} + +.dropdown-divider { + border-top: 1px solid var(--transparency-light-10); +} + +/* TEXT */ +p { + color: var(--text); +} +.text-default { + color: var(--text) !important; +} + +.text-muted, +.custom-switch-description, +.text-gray, +.text-secondary { + color: var(--text-muted) !important; +} + +.text-blue { + color: rgb(var(--accent-color)) !important; +} + +/* LINKS */ +a,.footer a:not(.btn) { + color: var(--link-color); +} +a:hover, a:focus, .footer a:not(.btn):hover { + color: var(--link-color-hover); +} + +/* CARDS */ +.card { + background: var(--transparency-dark-25); +} + +.card-status[class*="bg-"] { + background: rgb(var(--accent-color)) !important; +} + + +/* FORMS AND INPUTS */ + +.form-control, +.selectize-input, .selectize-control.single .selectize-input.input-active, +.selectize-control.single { + color: var(--text); + background-color: var(--transparency-dark-15); + border: 1px solid rgba(0,40,100,0.12); +} +.form-control:focus, +.selectize-input:focus, +.selectize-input.focus, +.selectize-input.full { + color: var(--text-hover); + background-color: var(--transparency-dark-25); + border-color: rgb(var(--accent-color)); + outline: 0; + box-shadow: 0 0 0 2px rgb(var(--accent-color),.25); +} + +.form-control:disabled, .form-control[readonly] { + background-color: var(--transparency-light-35); + opacity: 1; +} + +select:focus { + background: var(--drop-down-menu-bg) !important; + color: var(--text) !important; +} + +.selectize-dropdown { + background: var(--drop-down-menu-bg); + border: 1px solid var(--transparency-light-10); +} + +.selectize-dropdown .active { + color: var(--text); + background-color: var(--transparency-light-10); +} + +.selectize-control.single .selectize-input:after { + background: none; +} + +.selectize-dropdown, .selectize-input, .selectize-input input { + color: var(--text); +} + +.selectize-control.multi .selectize-input>div { + background: rgb(var(--accent-color)); + color: var(--label-text-color); +} + +.selectize-dropdown .create { + color: var(--text); +} +.selectize-dropdown .active.create { + color: var(--text-hover); +} + +.custom-file-label { + color: var(--text-muted); + background: var(--transparency-dark-15); + border: 1px solid var(--transparency-light-10); +} + +.custom-file-label::after { + color: var(--button-text); + background-color: var(--button-color); + border-left: 1px solid var(--transparency-light-10); +} + +.form-fieldset { + background: var(--transparency-dark-25); + border: 1px solid var(--transparency-light-10); +} + +/* BUTTONS */ + +[class*="btn-"]:not(.btn-list), +.card-options a:not(.dropdown-item.add-item), +.input-group-text { + color: var(--button-text); + background-color: var(--button-color); + border-color: var(--button-color); +} + +[class*="btn-"]:hover:not(.btn-list), +.card-options a:hover:not(.dropdown-item.add-item), +[class*="btn-"]:not(:disabled):not(.disabled):not(.btn-list):active, [class*="btn-"]:not(:disabled):not(.disabled):not(.btn-list).active, .show>[class*="btn-"].dropdown-toggle, +[class*="btn-"].disabled,[class*="btn-"]:disabled { + color: var(--button-text-hover); + background-color: var(--button-color-hover); + border-color: var(--button-color-hover); +} + +[class*="btn-"]:focus, [class*="btn-"].focus { + box-shadow: 0 0 0 2px rgb(var(--accent-color), .5); +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 2px rgb(var(--accent-color), .5); +} + +.custom-switch-input:checked ~ .custom-switch-indicator { + background: var(--button-color); +} + +.custom-switch-input:focus ~ .custom-switch-indicator { + box-shadow: 0 0 0 2px rgba(var(--accent-color),0.25); + border-color: var(--button-color) +} + +.custom-switch-description { + margin-left: .5rem; + color: #6e7687; + transition: .3s color +} + +.custom-switch-input:checked ~ .custom-switch-description { + color: #495057 +} + +/* TABLES */ +.table th, .text-wrap table th { + color: var(--text-hover); +} + +.table th, .text-wrap table th, .table td, .text-wrap table td { + border-top: 1px solid var(--transparency-light-10); +} + +.table thead th, .text-wrap table thead th { + border-bottom: 1px solid rgb(var(--accent-color)); +} + +/* OTHER */ + +.loader { + color: rgb(var(--accent-color)); +} + +.tag { + color: var(--label-text-color); + background-color: rgb(var(--accent-color)); +} + +.tag[class*="hover-"]:hover, [class*="hover-"]:active, [class*="hover-"]:focus { + background-color: var(--accent-color-hover); + color: var(--label-text-color); +} + +[class*="tag-"] { + background-color: var(--accent-color-hover); + color: var(--label-text-color); +} + +.icon { + color: var(--text) !important; +} + +.close { + color: var(--text); + text-shadow: 0 1px 0 var(--text); +} +.close:hover, .close:focus { + color: var(--text-hover); +} + +pre { + color: var(--text); + background-color: var(--transparency-dark-15); + + text-shadow: 0 1px transparent; +} \ No newline at end of file diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css index b1b8c044..ee933446 100644 --- a/css/base/organizr/organizr-base.css +++ b/css/base/organizr/organizr-base.css @@ -315,7 +315,7 @@ h6 { /* forms */ select.form-control:focus { box-shadow: none; - background: #1f1f1f; + background: var(--drop-down-menu-bg); border: 1px solid rgba(120, 130, 140, 0.4); } @@ -1403,8 +1403,8 @@ a:hover, .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { background: transparent; - color: var(--text-hover) !important; - border: var(--text-hover) !important; + color: var(--text-hover); + border: var(--text-hover); } .progress-bar-info { @@ -2255,7 +2255,7 @@ fieldset[disabled] .form-control { .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header { - background: #1f1f1f; + background: var(--drop-down-menu-bg); } .table-hover>tbody>tr:hover, diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css index 519d9962..16a34747 100644 --- a/css/base/overseerr/overseerr-base.css +++ b/css/base/overseerr/overseerr-base.css @@ -179,7 +179,7 @@ label { } select:focus { - background: #1f1f1f; + background: var(--drop-down-menu-bg); } diff --git a/css/base/portainer/portainer-base.css b/css/base/portainer/portainer-base.css index 3d085571..af7c16cf 100644 --- a/css/base/portainer/portainer-base.css +++ b/css/base/portainer/portainer-base.css @@ -443,7 +443,7 @@ fieldset[disabled] .btn-primary:hover { /* FORM CONTROL */ select:focus, select.form-control:focus { - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; } .form-control { diff --git a/css/base/rutorrent/rutorrent-base.css b/css/base/rutorrent/rutorrent-base.css index d4ec254c..1c1b8b73 100644 --- a/css/base/rutorrent/rutorrent-base.css +++ b/css/base/rutorrent/rutorrent-base.css @@ -374,9 +374,9 @@ div#t div#go:hover { div select { -webkit-appearance: none !important; - background: #1f1f1f url(/theme.park/resources/rutorrent/dropdown.png) no-repeat 0 0; + background: var(--drop-down-menu-bg) url(/theme.park/resources/rutorrent/dropdown.png) no-repeat 0 0; background-position: right; - border: 1px solid #1f1f1f; + border: 1px solid var(--drop-down-menu-bg); padding-right: 15px !important; } @@ -1784,4 +1784,23 @@ div#dlgEditRules-header, #dlgEditRatioRules-header, div#dlgEditRules div.dlg-header { background: var(--transparency-dark-25) !important; -} \ No newline at end of file +} + +#filterList, #filterProps, #ruleList{ + background: var(--modal-bg-color); +} + +.lf li input.TextboxFocus{ + background: var(--transparency-light-25); + color: var(--text-hover); + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0); +} + +.lf li input.TextboxNormal{ + background: var(--transparency-dark-10); + color: var(--text); +} + +div#dlgEditFilters div.dlg-header{ + background-image:none; +} diff --git a/css/base/sabnzbd/sabnzbd-base.css b/css/base/sabnzbd/sabnzbd-base.css index 2efbc13f..63e5bbb2 100644 --- a/css/base/sabnzbd/sabnzbd-base.css +++ b/css/base/sabnzbd/sabnzbd-base.css @@ -509,7 +509,7 @@ td.delete .dropdown>a .caret { } tbody.no-downloads tr td { - border-bottom: 1px solid #1f1f1f !important; + border-bottom: 1px solid var(--drop-down-menu-bg) !important; } tbody>tr>td:last-child { @@ -967,13 +967,13 @@ input[type="date"]::-webkit-calendar-picker-indicator { input[disabled], select[disabled] { - background-color: #1f1f1f; + background-color: var(--drop-down-menu-bg); opacity: .5; } input[disabled]:hover, select[disabled]:hover { - background-color: #1f1f1f; + background-color: var(--drop-down-menu-bg); opacity: .5; } diff --git a/css/base/uptime-kuma/uptime-kuma-base.css b/css/base/uptime-kuma/uptime-kuma-base.css index d4b7c93e..32f1b3c7 100644 --- a/css/base/uptime-kuma/uptime-kuma-base.css +++ b/css/base/uptime-kuma/uptime-kuma-base.css @@ -278,7 +278,7 @@ td { .dark .form-control:focus, .form-select:focus, .form-control:focus { - background: #1f1f1f; + background: var(--drop-down-menu-bg); box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25); border-color: rgba(var(--accent-color), 0.25); } diff --git a/css/base/vuetorrent/vuetorrent-base.css b/css/base/vuetorrent/vuetorrent-base.css index 203da88b..35668a6e 100644 --- a/css/base/vuetorrent/vuetorrent-base.css +++ b/css/base/vuetorrent/vuetorrent-base.css @@ -45,7 +45,7 @@ body, html { color: var(--text); - background: #1f1f1f !important; + background: var(--drop-down-menu-bg) !important; } /* SCROLL BAR */ @@ -78,6 +78,10 @@ p, color: var(--text-hover); } +.v-select__slot>label { + color: var(--text-hover) !important; +} + .v-application .grey--text { color: var(--text-muted) !important; caret-color: var(--text-muted) !important; @@ -86,7 +90,8 @@ p, [class*="theme--"].v-tabs>.v-tabs-bar .v-tab--disabled, [class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active), [class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn, -[class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon { +[class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon, +[class*="theme--"].v-messages { color: var(--text); } @@ -199,6 +204,28 @@ p, caret-color: var(--button-color) !important; } +.v-btn.v-application.primary { + background-color: var(--button-color) !important; + border-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +[class*="theme--"].v-btn.v-btn--disabled.v-btn--has-bg { + background-color: var(--button-color) !important; + color: var(--button-text) !important; + opacity: .5; +} +[class*="theme--"].v-btn.v-btn--has-bg:not(.v-btn--round) { + background-color: var(--button-color) !important; + color: var(--button-text) !important; +} + +button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg { + fill: var(--button-text); +} +.v-icon__svg{ + fill: rgb(var(--accent-color)) !important; +} [class*="theme--"].v-tabs>.v-tabs-bar { background: var(--transparency-dark-15); } @@ -229,8 +256,8 @@ p, } .v-application .accent .v-icon__svg { - color: var(--text-hover) !important; - fill: var(--text-hover) !important; + color: var(--button-text) !important; + fill: var(--button-text) !important; } .v-application .deep-purple.accent-4 { background-color: rgb(var(--accent-color))!important; @@ -238,6 +265,10 @@ p, color: var(--label-text-color); } +.v-btn--is-elevated.v-btn--has-bg .v-icon__svg:not(.v-btn--round>span>span>svg) { + fill: var(--button-text) !important; +} + .v-application .deep-purple--text.text--accent-4{ color: rgb(var(--accent-color)) !important; caret-color: rgb(var(--accent-color)) !important; @@ -313,6 +344,10 @@ p, color: #FFF; } +.v-list-item__content .caption.grey--text { + color: #b1b1b1 !important; +} + .v-application .torrent-paused-color .caption, .v-application .torrent-seeding-color .caption, .v-application .torrent-done-color .caption { @@ -387,14 +422,7 @@ p, } .v-menu__content [class*="theme--"][class*="theme--"].v-list { - background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background: var(--drop-down-menu-bg) } [class*="theme--"].v-icon { @@ -407,7 +435,7 @@ p, /* TABLE */ [class*="theme--"].v-data-table { - background: var(--transparency-dark-65); + background: transparent; color: var(--text); } @@ -456,10 +484,16 @@ p, /* MOBILE */ + + [class*="theme--"].v-btn.v-btn--has-bg { background-color: rgb(var(--accent-color)); } +.v-speed-dial--is-active svg { + fill: var(--label-text-color) !important; +} + .v-speed-dial__list .v-icon__svg { fill: var(--text-hover); } \ No newline at end of file diff --git a/css/base/whisparr/whisparr-base.css b/css/base/whisparr/whisparr-base.css index 7e9cab45..d62c0691 100644 --- a/css/base/whisparr/whisparr-base.css +++ b/css/base/whisparr/whisparr-base.css @@ -12,4 +12,4 @@ @import url("/theme.park/css/defaults/placeholders.css"); @import url("/theme.park/css/defaults/transparent.css"); -@import url("/theme.park/cssbase/radarr/radarr-base.css"); \ No newline at end of file +@import url("/theme.park/css/base/radarr/radarr-base.css"); \ No newline at end of file diff --git a/css/base/xbackbone/xbackbone-base.css b/css/base/xbackbone/xbackbone-base.css index 9732915d..98394172 100644 --- a/css/base/xbackbone/xbackbone-base.css +++ b/css/base/xbackbone/xbackbone-base.css @@ -340,7 +340,7 @@ a:hover { .form-control:focus { color: var(--text-hover); - background: #1f1f1f; + background: var(--drop-down-menu-bg); border-color: rgba(255, 255, 255, .15); outline: 0; box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0); diff --git a/css/community-theme-options/power.css b/css/community-theme-options/power.css index 85cdfd13..2b97a9d3 100644 --- a/css/community-theme-options/power.css +++ b/css/community-theme-options/power.css @@ -28,4 +28,4 @@ --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/defaults/servarr-base.css b/css/defaults/servarr-base.css index ffff7ebf..9e061a70 100644 --- a/css/defaults/servarr-base.css +++ b/css/defaults/servarr-base.css @@ -182,12 +182,12 @@ a:hover { [class*="SelectInput-select-"]:active, [class*="SelectInput-select-"]:focus { - background: #1e1e1e !important; + background: var(--drop-down-menu-bg) !important; } [class*="AutoSuggestInput-suggestionsList-"], [class*="AutoSuggestInput-suggestionsContainerOpen-"] [class*="AutoSuggestInput-suggestionsContainer-"] { - background-color: #323232 !important; + background-color: var(--drop-down-menu-bg) !important; color: white; border: none !important; } @@ -328,8 +328,8 @@ a:hover { [class*="Tooltip-body-"], [class*="Tooltip-tooltipContainer-"], [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { - background: #1f1f1f; - color: #eee; + background: var(--drop-down-menu-bg); + color: var(--text-hover); } /* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { @@ -348,7 +348,11 @@ a:hover { } */ [class*="Tooltip-top-"][class*="Tooltip-inverse-"] { - border-top-color: var(--text); + border-top-color: var(--drop-down-menu-bg); +} + +[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { + border-bottom-color: var(--drop-down-menu-bg); } [class*="Tooltip-bottom-"][class*="Tooltip-default-"] { diff --git a/css/theme-options/aquamarine.css b/css/theme-options/aquamarine.css index 13742898..c2dcd2c7 100644 --- a/css/theme-options/aquamarine.css +++ b/css/theme-options/aquamarine.css @@ -5,7 +5,7 @@ --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: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --drop-down-menu-bg: #265c74; --button-color: #009688; --button-color-hover: #12afa0; diff --git a/css/theme-options/hotline.css b/css/theme-options/hotline.css index 9e1487cd..9efc46b7 100644 --- a/css/theme-options/hotline.css +++ b/css/theme-options/hotline.css @@ -5,7 +5,7 @@ --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; + --drop-down-menu-bg: #5e61ab; --button-color: #f98dc9; --button-color-hover: #ff4cb1; diff --git a/css/theme-options/nord.css b/css/theme-options/nord.css index 456216dd..80f57cdd 100644 --- a/css/theme-options/nord.css +++ b/css/theme-options/nord.css @@ -5,7 +5,7 @@ --modal-header-color: #434C5E; --modal-footer-color: #434C5E; - --drop-down-menu-bg: #3B4252; + --drop-down-menu-bg: #333947; --button-color: #79b8ca; --button-color-hover: #6a9daf; diff --git a/css/theme-options/space-gray.css b/css/theme-options/space-gray.css index 032b6726..f9726185 100644 --- a/css/theme-options/space-gray.css +++ b/css/theme-options/space-gray.css @@ -5,7 +5,7 @@ --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: 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: #576c75; --button-color: #607D8B; --button-color-hover: #81a6b7; 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 1f8265c2..92774460 100644 --- a/docker-mods/deluge/root/etc/cont-init.d/98-themepark +++ b/docker-mods/deluge/root/etc/cont-init.d/98-themepark @@ -39,7 +39,7 @@ if [[ -z ${TP_THEME} ]]; then fi # Adding stylesheets -DELUGE_INDEX_PATH=$(find -name index.html) +DELUGE_INDEX_PATH=$(find /usr -name index.html) if ! grep -q "${TP_DOMAIN}/css/base" ${DELUGE_INDEX_PATH}; then echo '---------------------------' echo '| Adding the stylesheet |' diff --git a/docker-mods/swag/root/themepark-confs/themepark.subdomain.conf.sample b/docker-mods/swag/root/themepark-confs/themepark.subdomain.conf.sample index 459a1483..766ed034 100644 --- a/docker-mods/swag/root/themepark-confs/themepark.subdomain.conf.sample +++ b/docker-mods/swag/root/themepark-confs/themepark.subdomain.conf.sample @@ -16,7 +16,7 @@ server { location /themepark/ { alias /config/www/themepark/; sub_filter_types *; - sub_filter 'url("/theme.park/css' 'url("/themepark/css/'; + sub_filter 'url("/theme.park/' 'url("/themepark/css/'; sub_filter_once off; try_files $uri $uri/ /index.html; } diff --git a/docker-mods/swag/root/themepark-confs/themepark.subfolder.conf.sample b/docker-mods/swag/root/themepark-confs/themepark.subfolder.conf.sample index 8bef7025..3469fd57 100644 --- a/docker-mods/swag/root/themepark-confs/themepark.subfolder.conf.sample +++ b/docker-mods/swag/root/themepark-confs/themepark.subfolder.conf.sample @@ -5,7 +5,7 @@ location /themepark/ { alias /config/www/themepark/; sub_filter_types *; - sub_filter 'url("/theme.park/css' 'url("/themepark/css/'; + sub_filter 'url("/theme.park/' 'url("/themepark/css/'; sub_filter_once off; try_files $uri $uri/ /index.html; # Don't cache diff --git a/docker/root/defaults/default b/docker/root/defaults/default index 4f9bc00d..d1584d82 100644 --- a/docker/root/defaults/default +++ b/docker/root/defaults/default @@ -19,7 +19,7 @@ server { location /themepark/ { alias /config/www/; sub_filter_types *; - sub_filter 'url("/theme.park/css' 'url("/themepark/css/'; + sub_filter 'url("/theme.park/' 'url("/themepark/css/'; sub_filter_once off; try_files $uri $uri/ /index.html; } diff --git a/themes.py b/themes.py index 2ad61e43..2d7da52f 100644 --- a/themes.py +++ b/themes.py @@ -126,7 +126,7 @@ def create_theme_options(): def create_css(theme, theme_type="standard"): folder = "./css/base" with open(f"{folder}/{app}/{theme.lower()}.css", "w") as create_app: - content = f'@import url("/theme.park/cssbase/{app}/{app}-base.css?sha={APP_SHAS.get(f"{app}-base.css")}");\n@import url("/theme.park/css{"theme-options" if theme_type=="standard" else "community-theme-options"}/{theme.lower()}.css?sha={THEME_SHAS.get(f"{theme.lower()}.css") if theme_type=="standard" else COMMUNITY_THEME_SHAS.get(f"{theme.lower()}.css")}");' + content = f'@import url("/theme.park/css/base/{app}/{app}-base.css?sha={APP_SHAS.get(f"{app}-base.css")}");\n@import url("/theme.park/{"theme-options" if theme_type=="standard" else "community-theme-options"}/{theme.lower()}.css?sha={THEME_SHAS.get(f"{theme.lower()}.css") if theme_type=="standard" else COMMUNITY_THEME_SHAS.get(f"{theme.lower()}.css")}");' create_app.write(content) with open("themes.json") as themes: data = load(themes)