diff --git a/css/base/grafana/organizr-dashboard.css b/css/base/grafana/organizr-dashboard.css index a175678b..3285b8f5 100644 --- a/css/base/grafana/organizr-dashboard.css +++ b/css/base/grafana/organizr-dashboard.css @@ -250,8 +250,8 @@ div.flot-text { @import url(/css/base/grafana/grafana-base.css); :root { - --main-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-dark2.png") center center/cover no-repeat fixed; + --main-bg-color: url(/resources/blur-noise.png), url(/resources/preset-light2.png) center center/cover no-repeat fixed; + --modal-bg-color: url(/resources/blur-noise.png), url(/resources/preset-dark2.png) center center/cover no-repeat fixed; --button-color: #cc7b19; --button-color-hover: #e59029; diff --git a/css/base/guacamole/guacamole-base.css b/css/base/guacamole/guacamole-base.css index 64a9caa7..ad899665 100644 --- a/css/base/guacamole/guacamole-base.css +++ b/css/base/guacamole/guacamole-base.css @@ -230,7 +230,7 @@ textarea { } .loading::before { - background-image: url('/resources/guacamole/cog.png'); + background-image: url(/resources/guacamole/cog.png); } table.sorted th.sort-primary.sort-descending:after { diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css index 2726f401..cc2ba61b 100644 --- a/css/base/organizr/organizr-base.css +++ b/css/base/organizr/organizr-base.css @@ -150,16 +150,16 @@ h6 { color: var(--text-hover); } -.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success):not(.log-label):not(.log-details), .cbutton { background: var(--button-color); border-color: var(--button-color); color: var(--button-text); } -.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), -.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), -.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success), +.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success):not(.log-label):not(.log-details), +.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success):not(.log-label):not(.log-details), +.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success):not(.log-label):not(.log-details), .cbutton:hover { background: var(--button-color-hover); border-color: var(--button-color-hover); @@ -2429,6 +2429,10 @@ input:active:not(select), border: 1px solid rgba(120, 130, 140, 0.4); } +select:focus { + background: var(--drop-down-menu-bg); + color: var(--text); +} .cp-container .cp-pills li a { padding: 5px; diff --git a/css/base/plex/plex-base.css b/css/base/plex/plex-base.css index a2ec7766..37e3d6c4 100644 --- a/css/base/plex/plex-base.css +++ b/css/base/plex/plex-base.css @@ -305,7 +305,8 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { } [class*="PivotTab-selectedButton-"]:after, -[class*="TabButton-selectedButton-"]:after { +[class*="TabButton-selectedButton-"]:after, +[class*="PageHeaderTabButton-isSelected-"]:after { background-color: rgb(var(--accent-color)) !important; } diff --git a/css/base/rutorrent/rutorrent-base.css b/css/base/rutorrent/rutorrent-base.css index 427b72b3..aab21045 100644 --- a/css/base/rutorrent/rutorrent-base.css +++ b/css/base/rutorrent/rutorrent-base.css @@ -1625,7 +1625,7 @@ div#dlgEditRatioRules { } #autodl-multiselect-header { - background-image: url("/resources/rutorrent/dlg-autodl-irc.gif"); + background-image: url(/resources/rutorrent/dlg-autodl-irc.gif"); } .shieven { diff --git a/css/community-theme-options/blackberry-carol.css b/css/community-theme-options/blackberry-carol.css index 3dcbd0b3..51ce48be 100644 --- a/css/community-theme-options/blackberry-carol.css +++ b/css/community-theme-options/blackberry-carol.css @@ -1,5 +1,5 @@ :root { - --main-bg-color: url("/resources/blur-noise.png"), + --main-bg-color: url(/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, @@ -34,7 +34,7 @@ --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("/resources/blur-noise.png"), + --overseerr-gradient: url(/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, diff --git a/css/community-theme-options/mind.css b/css/community-theme-options/mind.css index c01a8cab..bd65d1ae 100644 --- a/css/community-theme-options/mind.css +++ b/css/community-theme-options/mind.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, - url("/resources/mind.jpg") center center/cover no-repeat fixed; + url(/resources/mind.jpg) center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed; diff --git a/css/community-theme-options/power.css b/css/community-theme-options/power.css index 5b3c3054..e3e059c2 100644 --- a/css/community-theme-options/power.css +++ b/css/community-theme-options/power.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, - url("/resources/power.jpg") center center/cover no-repeat fixed; + url(/resources/power.jpg) center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed; diff --git a/css/community-theme-options/reality.css b/css/community-theme-options/reality.css index 21ef4c22..411fda46 100644 --- a/css/community-theme-options/reality.css +++ b/css/community-theme-options/reality.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed, - url("/resources/reality.jpg") center center/cover no-repeat fixed; + url(/resources/reality.jpg) center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed; diff --git a/css/community-theme-options/soul.css b/css/community-theme-options/soul.css index 43202921..07c2b204 100644 --- a/css/community-theme-options/soul.css +++ b/css/community-theme-options/soul.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed, - url("/resources/soul.jpg") center center/cover no-repeat fixed; + url(/resources/soul.jpg) center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed; diff --git a/css/community-theme-options/space.css b/css/community-theme-options/space.css index ff3ec9e7..0f922ed3 100644 --- a/css/community-theme-options/space.css +++ b/css/community-theme-options/space.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, - url("/resources/space.jpg") center center/cover no-repeat fixed; + url(/resources/space.jpg) center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; --modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed; diff --git a/css/community-theme-options/time.css b/css/community-theme-options/time.css index ac159ae0..6cc9173f 100644 --- a/css/community-theme-options/time.css +++ b/css/community-theme-options/time.css @@ -1,6 +1,6 @@ :root { --main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed, - url("/resources/time.jpg") center center/cover no-repeat fixed; + url(/resources/time.jpg) center center/cover no-repeat fixed; --modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; --modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; --modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed; diff --git a/css/defaults/servarr-base.css b/css/defaults/servarr-base.css index e85564a2..1ca1accc 100644 --- a/css/defaults/servarr-base.css +++ b/css/defaults/servarr-base.css @@ -444,6 +444,14 @@ a:hover { border-top: 1px solid var(--transparency-light-25); } +[class*="TablePager-records-"] { + color: var(--text); +} + +[class*="TablePager-disabledPageButton-"] { + color: var(--text-muted); +} + /* TOP MENU */ [class*="PageToolbar-toolbar-"] { background: var(--transparency-dark-25); diff --git a/css/theme-options/maroon.css b/css/theme-options/maroon.css new file mode 100644 index 00000000..7fcc03bd --- /dev/null +++ b/css/theme-options/maroon.css @@ -0,0 +1,30 @@ +:root { + --main-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; + + --modal-bg-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; + --modal-header-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; + --modal-footer-color: radial-gradient( circle farthest-corner at 48.4% 47.5%, rgba(76,21,51,1) 0%, rgba(34,10,37,1) 90% ) center center/cover no-repeat fixed; + + --drop-down-menu-bg: #204c80; + + --button-color: #7b154d; + --button-color-hover: rgb(150, 26, 94); + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 208, 103, 160; + --accent-color-hover: rgb(var(--accent-color),.8); + --queue-color: #6b5; + --link-color: rgb(162, 28, 101); + --link-color-hover: rgb(150, 26, 94); + + --text:#dadada; + --text-hover: #fff; + --text-muted: #999; + + --arr-queue-color: rgb(0, 255, 157); + --plex-poster-unwatched: rgb(123, 21, 77); + --petio-spinner: invert(13%) sepia(77%) saturate(2418%) hue-rotate(306deg) brightness(94%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + --gitea-color-primary-dark-4: 150, 26, 94; + --overseerr-gradient: linear-gradient(0deg, rgba(76,21,51,.9) 0%, rgb(34,10,37,.9) 100%) center center/cover no-repeat fixed; + } \ No newline at end of file diff --git a/css/theme-options/plex.css b/css/theme-options/plex.css index 65782532..1d475303 100644 --- a/css/theme-options/plex.css +++ b/css/theme-options/plex.css @@ -1,8 +1,8 @@ :root { /* - --main-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-dark2.png") center center/cover no-repeat fixed; - --main-bg-color: url("/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(/resources/blur-noise.png), url(/resources/preset-light2.png) center center/cover no-repeat fixed; + --modal-bg-color: url(/resources/blur-noise.png), url(/resources/preset-dark2.png) center center/cover no-repeat fixed; + --main-bg-color: url(/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: #282828; @@ -31,5 +31,5 @@ --plex-poster-unwatched: #e5a00d; --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: url("/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; + --overseerr-gradient: url(/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/docker/root/defaults/default b/docker/root/defaults/default index daf39bad..ce58534f 100644 --- a/docker/root/defaults/default +++ b/docker/root/defaults/default @@ -20,6 +20,7 @@ server { alias /config/www/; sub_filter_types *; sub_filter 'url("/css/' 'url("/themepark/css/'; + sub_filter 'url(/resources/' 'url(/themepark/resources/'; sub_filter_once off; try_files $uri $uri/ /index.html; }