From 1574f47edbb91fdff2f82b209384b242561855bf Mon Sep 17 00:00:00 2001 From: GilbN <24592972+GilbN@users.noreply.github.com> Date: Sun, 1 May 2022 14:46:08 +0200 Subject: [PATCH 1/5] 19.1 (#372) * fix: :bug: Ombi: button fixes * fix: :bug: Plex: Accent fixes * style: :lipstick: plex theme-option: modal color change, add plex poster var * fix: :bug: Deluge: statusbar color fix * fix: :lipstick: Set placeholders to use wildcard * import placeholder in all bases * feat: :lipstick: Adds transparency vars * fix: :bug: arr: CalendarDay-isToday- color fix * fix: :bug: Bitwarden: Password generator fix, btn fix, bg fixes * refactor: :art: arr: Refactor sonarr and radarr-base to use servarr-base.css * Update PR template * refactor: :art: Refactor lidarr, prowlarr,readarr, whisparr to use servarr-base.css * fix: :bug: arr: move styling to servarr base * fix: :lipstick: servarr: input background fix * Fix Modal Windows RSS Manager and Rules Manager (#365) * Fix Modal Windows RSS Manager and Rules Manager * use transparency vars Co-authored-by: GilbN <24592972+GilbN@users.noreply.github.com> * fix: :bug: Guacamole: Fixes for #367 * style: :lipstick: Removed gradient color from --drop-down-menu-bg var * style: :lipstick: starr: use --drop-down-menu-bg var on selects * Override RSS Header Background Image (#368) After latest release RSS window header shows a tiling image caused by transparent background styling. I looked at other headers and for some reason this is the only one with this tiling image. Before: https://i.imgur.com/Sk1Gs0a.png After: https://i.imgur.com/AgSObmX.png * fix: :bug: Guacamole: couple of tweaks in input/select * fix: :bug: Organizr: button color hover fix * fix: :bug: VueTorrent: Accent fixes, label text fixes * fix: :bug: VueTorrent: More accent/button color fixes * Forgot one * fix: :bug: VueTorrent: Table fix, torrent card text fix * fix: :lipstick: Remove hardcode select bg * style: :lipstick: starr: tooltip colors * feat: :rocket: Add Nginx Proxy Manager theme * npm name change * npm readme Co-authored-by: Zemoj --- README.md | 8 +- 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/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/xbackbone/xbackbone-base.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 +- 23 files changed, 555 insertions(+), 119 deletions(-) create mode 100644 css/base/nginx-proxy-manager/nginx-proxy-manager-base.css diff --git a/README.md b/README.md index 871094a1..ffe4387e 100644 --- a/README.md +++ b/README.md @@ -266,6 +266,10 @@ +

+

Nginx Proxy Manager

+ +

Grafana (Deprecated)

@@ -289,10 +293,6 @@

The Lounge (Deprecated)

- - - diff --git a/css/base/adguard/adguard-base.css b/css/base/adguard/adguard-base.css index e87ce6bb..4c2944a5 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 34dfa18f..4fe9f307 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 1942df0e..d64b1e99 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 3bc31a39..0652bbaf 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 336962d8..561f911f 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/guacamole/guacamole-base.css b/css/base/guacamole/guacamole-base.css index e6cb2db3..64a9caa7 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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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 bc8f42eb..dc1e2d7d 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 bbf5687b..3b2bc81e 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..b375dfea --- /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("/css/defaults/placeholders.css"); +@import url("/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 40449ba2..2726f401 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 bcabaaa9..d12d00cc 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 c5ae15e0..f318b5b8 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 031be0a3..427b72b3 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(/resources/rutorrent/dropdown.png) no-repeat 0 0; + background: var(--drop-down-menu-bg) url(/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 364203b9..2a42f217 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 16a5bc7b..bd158e29 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 54bcdb9d..70bf4dd1 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/xbackbone/xbackbone-base.css b/css/base/xbackbone/xbackbone-base.css index 8619cf70..ceda8e74 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/defaults/servarr-base.css b/css/defaults/servarr-base.css index 0130dc61..e85564a2 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 e263f729..7f025001 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 5cba2099..1cf394f1 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 dc62b646..66e2ab52 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 8c996eb8..b8691b12 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; From ec2ccbf8c87be57bb84ac0699508a78d9cac7ffb Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 14 May 2022 14:20:44 +0200 Subject: [PATCH 2/5] Plex dockermod grep fix --- docker-mods/plex/root/etc/cont-init.d/98-themepark | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docker-mods/plex/root/etc/cont-init.d/98-themepark b/docker-mods/plex/root/etc/cont-init.d/98-themepark index eabe9546..4d042c9a 100644 --- a/docker-mods/plex/root/etc/cont-init.d/98-themepark +++ b/docker-mods/plex/root/etc/cont-init.d/98-themepark @@ -45,7 +45,7 @@ if [[ -z ${TP_THEME} ]]; then fi # Adding stylesheets -if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then +if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"/usr/lib/plexmediaserver/Resources/Plug-ins-*/WebClient.bundle/Contents/Resources/index.html; then echo '---------------------------' echo '| Adding the stylesheet |' echo '---------------------------' From cf3e45870e3894bb77533dbf831aab106255085b Mon Sep 17 00:00:00 2001 From: owine Date: Sat, 14 May 2022 10:36:21 -0500 Subject: [PATCH 3/5] Whisparr: New Docker Mod --- docker-mods/whisparr/Dockerfile | 7 ++ .../root/etc/cont-init.d/98-themepark | 67 +++++++++++++++++++ 2 files changed, 74 insertions(+) create mode 100644 docker-mods/whisparr/Dockerfile create mode 100644 docker-mods/whisparr/root/etc/cont-init.d/98-themepark diff --git a/docker-mods/whisparr/Dockerfile b/docker-mods/whisparr/Dockerfile new file mode 100644 index 00000000..116bed58 --- /dev/null +++ b/docker-mods/whisparr/Dockerfile @@ -0,0 +1,7 @@ +FROM scratch + +LABEL maintainer="GilbN" +LABEL app="Whisparr" + +#copy local files. +COPY root/ / \ No newline at end of file diff --git a/docker-mods/whisparr/root/etc/cont-init.d/98-themepark b/docker-mods/whisparr/root/etc/cont-init.d/98-themepark new file mode 100644 index 00000000..8f710aaa --- /dev/null +++ b/docker-mods/whisparr/root/etc/cont-init.d/98-themepark @@ -0,0 +1,67 @@ +#!/usr/bin/with-contenv bash + +echo '-----------------------------' +echo '| Whisparr theme.park Mod |' +echo '-----------------------------' + +# Display variables for troubleshooting +echo -e "Variables set:\\n\ +'TP_DOMAIN'=${TP_DOMAIN}\\n\ +'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\ +'TP_SCHEME'=${TP_SCHEME}\\n\ +'TP_ADDON'=${TP_ADDON}\\n\ +'TP_THEME'=${TP_THEME}\\n" + +APP_FILEPATH='/app/whisparr/bin/UI/index.html' +LOGIN_FILEPATH='/app/whisparr/bin/UI/login.html' +if [ "${TP_HOTIO}" = true ]; then + echo 'Changing to Hotio file path!' + APP_FILEPATH='/app/bin/UI/index.html' + LOGIN_FILEPATH='/app/bin/UI/login.html' +fi + +# Set default +if [[ -z ${TP_DOMAIN} ]]; then + echo 'No domain set, defaulting to theme-park.dev' + TP_DOMAIN='theme-park.dev' +fi +if [[ -z ${TP_SCHEME} ]]; then + echo 'No scheme set, defaulting to https' + TP_SCHEME='https' +fi + +THEME_TYPE='theme-options' +if [ "${TP_COMMUNITY_THEME}" = true ]; then + THEME_TYPE='community-theme-options' +fi + +case ${TP_DOMAIN} in + *"github.io"*) + echo "Switching to github.io URL style" + TP_DOMAIN="${TP_DOMAIN}\/theme.park" + ;; +esac + +if [[ -z ${TP_THEME} ]]; then + echo 'No theme set, defaulting to organizr' + TP_THEME='organizr' +fi + +# Adding stylesheets +if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then + echo '---------------------------' + echo '| Adding the stylesheet |' + echo '---------------------------' + sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" + sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" + sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" + sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" + printf 'Stylesheet set to %s\n' "${TP_THEME}" + if [[ -n ${TP_ADDON} ]]; then + for addon in $(echo "$TP_ADDON" | tr "|" " "); do + sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" + sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" + printf 'Added custom addon: %s\n\n' "${addon}" + done + fi +fi \ No newline at end of file From 268ae390017041dac0e414602ce3c5295abb66b8 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 15 May 2022 16:58:50 +0200 Subject: [PATCH 4/5] manual build mods --- .github/workflows/auto-build.yml | 48 +++++++++++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) diff --git a/.github/workflows/auto-build.yml b/.github/workflows/auto-build.yml index fef13e45..82f619a1 100644 --- a/.github/workflows/auto-build.yml +++ b/.github/workflows/auto-build.yml @@ -5,6 +5,40 @@ on: - master paths: - 'docker-mods/**' + workflow_dispatch: + inputs: + app: + description: 'Select an app' + required: true + type: choice + options: + - radarr + - sonarr + - readarr + - lidarr + - bazarr + - whisparr + - prowlarr + - plex + - jellyfin + - emby + - sabnzbd + - synclounge + - transmission + - calibre-web + - lazylibrarian + - mylar3 + - duplicati + - tautulli + - vuetorrent + - deluge + - jackett + - librespeed + - nzbget + - qbittorrent + - rutorrent + - swag + - thelounge jobs: push_to_ghcr_io: runs-on: ubuntu-latest @@ -24,6 +58,7 @@ jobs: username: ${{ github.repository_owner }} password: ${{ secrets.GH_PAT }} - name: find correct directory then build&push + if: ${{ github.event_name == 'push' }} run: | for i in ${{ steps.getfile.outputs.files }} do @@ -38,6 +73,11 @@ jobs: docker build docker-mods/$directory --tag ghcr.io/gilbn/theme.park:$directory docker push ghcr.io/gilbn/theme.park:$directory done + - name: manually build + if: ${{ github.event.inputs.app }} + run: | + docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }} + docker push ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }} push_to_dockerhub: runs-on: ubuntu-latest steps: @@ -55,6 +95,7 @@ jobs: username: ${{ secrets.DH_USER }} password: ${{ secrets.DOCKERHUB_TOKEN }} - name: find correct directory then build&push + if: ${{ github.event_name == 'push' }} run: | for i in ${{ steps.getfile.outputs.files }} do @@ -68,4 +109,9 @@ jobs: fi docker build docker-mods/$directory --tag gilbn/theme.park:$directory docker push gilbn/theme.park:$directory - done \ No newline at end of file + done + - name: manually build + if: ${{ github.event.inputs.app }} + run: | + docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }} + docker push ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }} \ No newline at end of file From 310bada821ec383607503f16b8298edc91adf45e Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 15 May 2022 17:05:07 +0200 Subject: [PATCH 5/5] dockerhub build fix --- .github/workflows/auto-build.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/auto-build.yml b/.github/workflows/auto-build.yml index 82f619a1..0f81953d 100644 --- a/.github/workflows/auto-build.yml +++ b/.github/workflows/auto-build.yml @@ -113,5 +113,5 @@ jobs: - name: manually build if: ${{ github.event.inputs.app }} run: | - docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }} - docker push ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }} \ No newline at end of file + docker build docker-mods/${{ github.event.inputs.app }} --tag gilbn/theme.park:${{ github.event.inputs.app }} + docker push gilbn/theme.park:${{ github.event.inputs.app }} \ No newline at end of file