diff --git a/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css b/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css new file mode 100644 index 00000000..96d03ac3 --- /dev/null +++ b/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css @@ -0,0 +1,65 @@ +:root { + --main-bg-color: #313544; + + --modal-bg-color: #252833; + --modal-header-color: #252833; + --modal-footer-color: #252833; + + --drop-down-menu-bg: #252833; + + --button-color: #911f93; + --button-color-hover: #721873; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 145, 31, 147; + --accent-color-hover: rgb(var(--accent-color), .8); + --link-color: #b828bb; + --link-color-hover: #911f93; + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #6c757d; + --side-menu-active: #252833; + --side-menu-color: #3a3f51; + --side-menu-link-color: #fff; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #911f93; + --label-info: #5d9cec; + --header-color: #911f93; +} + +/* HEADER */ +.header-container .bg-primary { + background-color: var(--header-color) !important; +} + +/* SIDE MENU */ +.sidebar-container { + background-color: var(--side-menu-color) !important; + color: white !important; +} + +.sidebar-container .sidebar-button { + color: var(--side-menu-link-color) !important; +} + +.sidebar-container .sidebar-button { + background-color: var(--side-menu-color) !important; +} +.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover { + color: var(--side-menu-link-color) !important; + background-color: var(--side-menu-active) !important; +} + + +.sidebar-container .sidebar-button:hover { + background-color: var(--side-menu-active) !important; + color: var(--side-menu-link-color) !important; +} \ No newline at end of file diff --git a/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css b/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css new file mode 100644 index 00000000..16c08f6c --- /dev/null +++ b/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css @@ -0,0 +1,117 @@ +:root { + --main-bg-color: #454545; + + --modal-bg-color: #353535; + --modal-header-color: #353535; + --modal-footer-color: #353535; + + --drop-down-menu-bg: #4d8069; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 0, 166, 91; + --accent-color-hover: rgb(0, 166, 91, .8); + --link-color: rgb(0, 166, 91); + --link-color-hover: rgb(0, 166, 91, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #00a65b; + --side-menu-active: #252525; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #1d563d; + --label-info: #5d9cec; + --header-color: #00a65b; + --side-menu-color: #353535; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #1d563d; + color: #e1e2e3; +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: #353535; + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ + +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ + +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ + +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ + +[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] { + border: 1px solid var(--main-bg-color); + background-color: var(--main-bg-color); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} \ No newline at end of file diff --git a/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css new file mode 100644 index 00000000..767a3200 --- /dev/null +++ b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css @@ -0,0 +1,119 @@ +:root { + --main-bg-color: #454545; + + --modal-bg-color: #454545; + --modal-header-color: #454545; + --modal-footer-color: #454545; + + --drop-down-menu-bg: #606060; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 230, 96, 0; + --accent-color-hover: rgb(var(--accent-color),.8); + --link-color: rgb(230, 96, 0); + --link-color-hover: rgb(230, 96, 0, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #5d9cec; + --side-menu-active: #333333; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #707070; + --label-info: #5d9cec; + --header-color: #e66000; + --side-menu-color: #595959; + --side-menu-link-color: #e66000; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #707070; + color: var(--text); +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: var(--side-menu-color); + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--side-menu-link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ + +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ + +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ + +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ + +[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} \ No newline at end of file diff --git a/CSS/addons/radarr/radarr-darker/radarr-darker.css b/CSS/addons/radarr/radarr-darker/radarr-darker.css new file mode 100644 index 00000000..1b7f3bca --- /dev/null +++ b/CSS/addons/radarr/radarr-darker/radarr-darker.css @@ -0,0 +1,124 @@ +:root { + --main-bg-color: #454545; + + --modal-bg-color: #595959; + --modal-header-color: #595959; + --modal-footer-color: #595959; + + --drop-down-menu-bg: #606060; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 255, 194, 48; + --accent-color-hover: rgb(255, 194, 48, .8); + --link-color: rgb(255, 194, 48); + --link-color-hover: rgb(255, 194, 48, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #5d9cec; + --side-menu-active: #333333; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #707070; + --label-info: #5d9cec; + --header-color: #464b51; + --side-menu-color: #595959; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #707070; + color: var(--text); +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: var(--side-menu-color); + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ + +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ + +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ + +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} + +/* SERIES PAGE */ + +[class*="MovieIndexPoster-controls-"] { + background-color: var(--label-color) !important; + color: #fff !important; +} \ No newline at end of file diff --git a/CSS/addons/readarr/readarr-darker/readarr-darker.css b/CSS/addons/readarr/readarr-darker/readarr-darker.css new file mode 100644 index 00000000..6f86088c --- /dev/null +++ b/CSS/addons/readarr/readarr-darker/readarr-darker.css @@ -0,0 +1,126 @@ +:root { + --main-bg-color: #4a4a4b; + + --modal-bg-color: #353535; + --modal-header-color: #353535; + --modal-footer-color: #353535; + + --drop-down-menu-bg: #66001a; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 202, 48, 45; + --accent-color-hover: rgb(var(--accent-color), .8); + --link-color: rgb(93, 156, 236); + --link-color-hover: rgb(93, 156, 236, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #1d563d; + --side-menu-active: #252525; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #810020; + --label-info: #5d9cec; + --header-color: #a41726; + --side-menu-color: #353535; + --side-menu-link-color: #ca302d; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #810020; + color: #e1e2e3; +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: #353535; + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--side-menu-link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} +.Label-default-xecWd { + border-color: #810020; + background-color: #810020; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} + +/* AUTHOR PAGE */ + +[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] { + color: #fff; + background: #4a4a4b; +} \ No newline at end of file diff --git a/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css b/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css similarity index 81% rename from CSS/addons/sonarr/sonarr-theme/sonarr-theme.css rename to CSS/addons/sonarr/sonarr-darker/sonarr-darker.css index ed7eb37b..5efcc267 100644 --- a/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css +++ b/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css @@ -1,9 +1,9 @@ :root { --main-bg-color: #4f566f; - --modal-bg-color: #656d8c; - --modal-header-color: #656d8c; - --modal-footer-color: #656d8c; + --modal-bg-color: #3a3f51; + --modal-header-color: #3a3f51; + --modal-footer-color: #3a3f51; --drop-down-menu-bg: #3a3f51; @@ -18,7 +18,7 @@ --link-color-hover: rgb(53, 197, 244, .8); --label-text-color: #4f566f; - --text: #eee; + --text: #ccc; --text-hover: #fff; --text-muted: #999; @@ -29,11 +29,22 @@ --scroller: #9ea4b9; --border-color: #4f566f; --label-color: #4f566f; + --label-info: #5d9cec; + --header-color: #2193b5; + --side-menu-color: #3a3f51; } -/* SIDE MENU */ +/* HEADER */ + [class*="PageHeader-header-"] { - background-color: var(--accent-color-hover); + background-color: var(--header-color); + color: #fff; +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: var(--side-menu-color); color: #fff; } @@ -77,6 +88,12 @@ color: white; } +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: white; +} + /* SETTINGS */ [class*=Settings-link-] { diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 2ce7c18c..24fd4477 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -1 +1 @@ -*{outline:0}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)}::-webkit-scrollbar-corner{background-color:hsla(0,0%,100%,.08)}::-webkit-scrollbar{width:10px;height:10px;background:#1f1f1f}::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background-color:rgba(255,255,255,.35)!important}.page-link,a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}.page-item.active .page-link{z-index:3;color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.page-link{background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.page-link:hover{color:var(--link-color-hover);text-decoration:none;background-color:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.1)}.page-item.disabled .page-link{color:var(--link-color);background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgb(var(--accent-color) / 25%)}.text-muted{color:var(--text-muted)!important}.table{color:var(--text)}.table thead th{color:var(--text-hover)}.custom-control-label,.modal-header,h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.header-container input[type=text]{padding:0;transition:none;color:#fff;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.3)!important;background-color:transparent}.header-container input[type=text]:focus{box-shadow:none;color:#fff;background-color:transparent!important;border-color:rgb(var(--accent-color))!important}.form-control{color:#fff;background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.form-control:focus{background-color:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.25)!important;outline:0;box-shadow:none;color:#fff}.form-control:disabled,.form-control[readonly]{background-color:rgb(255 255 255 / 15%);opacity:.7;color:#fff;border:1px solid rgb(255 255 255 / 15%)}:root .form-control:focus{box-shadow:none!important;border-color:transparent!important}.form-group i{color:#fff}.bootstrap-tagsinput{color:#eee;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important}.bootstrap-tagsinput.focus{background-color:#fff!important;border-color:transparent;outline:0;box-shadow:none;color:#000}.input-group-text{color:var(--text);background-color:rgb(0 0 0 / 25%);border:1px solid transparent}.custom-chip-input .main-input{background:0 0;color:var(--text)}.custom-chip-input:focus-within{border-color:rgb(255 255 255 / 10%)}.custom-chip-input .custom-chip{color:var(--button-text);background-color:var(--button-color)}.custom-selector .selector__control .selector__multi-value,.selector__multi-value__label{background:var(--button-color);color:var(--button-text)}.sidebar-container{background-color:rgba(0,0,0,.25)}.sidebar-container .sidebar-button{color:var(--text)!important;background:0 0}.sidebar-container .sidebar-button:active,.sidebar-container .sidebar-button:focus{color:rgb(var(--accent-color))!important;background-color:rgba(0,0,0,.15)!important}.sidebar-container .sidebar-button:hover{background-color:transparent!important;color:rgb(var(--accent-color))!important}.content-header.bg-dark .btn-dark:hover{color:rgb(var(--accent-color))}.sidebar-container .sidebar-button.sb-active,.sidebar-container .sidebar-button.sb-active:hover{background-color:rgba(0,0,0,.15)!important;color:rgb(var(--accent-color))!important}.content-header.bg-dark>button{color:var(--text)}.content-header.bg-dark>button:hover{color:var(--text-hover)}.content-header.bg-dark .btn-dark{color:var(--text)}.btn-dark.disabled:hover,.btn-dark:disabled:hover{color:var(--text)!important}.sidebar-container .sidebar-button.sb-active:before,.sidebar-container .sidebar-collapse-box.active:before{background-color:rgb(var(--accent-color))}@media (max-width:767.98px){.sidebar-container,.sidebar-container.open{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}}.sidebar-container .badge-secondary{color:var(--label-text-color);background-color:var(--arr-queue-color)}.header-container .bg-primary{background-color:rgba(0,0,0,.35)!important}.header-container .btn-primary{color:var(--button-text);background-color:transparent;border-color:transparent}.header-container .btn-primary.focus,.header-container .btn-primary:focus,.header-container .btn-primary:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.header-container .btn-primary:not(:disabled):not(.disabled).active,.header-container .btn-primary:not(:disabled):not(.disabled):active,.header-container .show>.btn-primary.dropdown-toggle{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.content-header.bg-dark{background:var(--main-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;border-bottom:solid 1px rgba(255,255,255,.1)}.bg-light{background:var(--main-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}.auth-card{border:1px solid transparent}.auth-card .card-footer{background-color:transparent;border-top:1px solid rgba(255,255,255,.1)}hr{border-top:1px solid rgb(255 255 255 / 10%)}.card{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}.settings-card:focus,.settings-card:hover{border-color:transparent;color:var(--text-hover)}.alert-secondary{color:var(--text);background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.15)}.progress-bar{background-color:var(--accent-color)}.progress{background-color:rgb(255 255 255 / 20%)}.progress-bar.bg-primary{background:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}.progress-bar.bg-warning{color:#212529;background-color:rgba(255,193,7,.8)!important}.badge-warning{color:#212529;background-color:rgba(255,193,7,.8)}.badge-primary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.text-truncate.badge.badge-secondary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.popover{background-color:#1f1f1f;border:1px solid rgba(255,255,255,.2)}.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after{border-top-color:rgba(255,255,255,.5)}.popover-header{background-color:#1f1f1f;border-bottom:1px solid rgba(255,255,255,.1)}.popover-body{color:var(--text)}.spinner-border{color:rgb(var(--accent-color))}.modal-content{box-shadow:0 0 10px 1px rgba(0,0,0,.1);border-radius:3px;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}.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(--accent-color)}.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(--accent-color)}.modal-content .badge-secondary{color:#fff;background-color:var(--accent-color);padding:5px}.modal-content button:focus{outline:0!important}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#eee;text-shadow:0 1px 0 #eee;opacity:.5}.close:hover{color:#fff!important;text-decoration:none}.btn-outline-secondary,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(var(--accent-color),.5)}.btn-primary.disabled,.btn-primary:disabled{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-dark.disabled,.btn-dark:disabled{color:var(--text-muted);background-color:transparent;border-color:transparent}.btn-dark.disabled:hover,.btn-dark:disabled:hover{color:var(--text-muted);background-color:transparent;border-color:transparent}.btn-dark{color:var(--button-text);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem transparent}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem transparent}.btn-light{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-light.focus,.btn-light:focus,.btn-light:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-light.disabled,.btn-light:disabled{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem transparent}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(255,255,255,.07)}.custom-control-input:checked~.custom-control-label:before{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:var(--accent-color)}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}input{color:var(--text-hover)!important}.custom-select:focus{border-color:rgb(var(--accent-color));outline:0;box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.custom-file-input:focus~.custom-file-label{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.dropdown-header,.dropdown-menu{color:var(--text);background:var(--drop-down-menu-bg);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}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);background-color:hsla(0,0%,100%,.08)}.custom-selector .selector__control{background-color:rgba(0,0,0,.25);border-color:transparent!important;color:#fff}[class$="-indicatorContainer"],[class$="-placeholder"],[class$="-singleValue"]{color:var(--text)!important}[class$="-indicatorContainer"]:hover{color:var(--text-hover)}.custom-selector .selector__control--is-focused{border-color:rgba(255,255,255,.2)!important}.selector__menu{background:var(--drop-down-menu-bg)!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;color:var(--text)}.custom-selector .selector__option--is-selected:active{background-color:rgba(255,255,255,.07)!important}.custom-selector .selector__option--is-focused{background-color:rgba(var(--accent-color),.2);color:#fff}.custom-selector .selector__option--is-focused:active,.custom-selector .selector__option--is-focused:focus{background-color:rgba(var(--accent-color),.2);color:#fff}.custom-selector .selector__option--is-selected{background-color:rgb(var(--accent-color));color:var(--label-text-color)}.custom-selector .selector__option--is-selected:active{background-color:rgb(var(--accent-color))}.custom-rc-slider .rc-slider-track{background:var(--button-color)}.custom-rc-slider .rc-slider-handle{border:3px solid var(--button-color)}.custom-rc-slider .rc-slider-handle:active,.custom-rc-slider .rc-slider-handle:hover{border-color:var(--button-color-hover)}.recharts-default-tooltip{background:#1f1f1f!important;border:transparent!important}.recharts-rectangle.recharts-tooltip-cursor{fill:rgba(255,255,255,.15)!important}text{stroke:none;fill:var(--text-hover);text-anchor:end}line{stroke:var(--text);fill:none}::placeholder{color:var(--text)!important;opacity:.5!important}:-moz-placeholder{color:var(--text)!important;opacity:.5!important}:-ms-input-placeholder{color:var(--text)!important;opacity:.5!important}::-webkit-input-placeholder{color:var(--text)!important;opacity:.5}.toast{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;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);color:var(--text)}.toast-header{color:var(--text-hover);background-color:hsla(0,0%,0%,.35);border-bottom:1px solid rgba(0,0,0,.05)}.alert-container .toast-container .toast .toast-body .progress .progress-bar{text-shadow:-2px -2px 5px rgba(var(--accent-color),.35),2px -2px 5px rgba(var(--accent-color),.35),-2px 2px 5px rgba(var(--accent-color),.35),2px 2px 5px rgba(var(--accent-color),.35);overflow:visible}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(var(--accent-color),.5) 25%,transparent 0,transparent 50%,rgba(var(--accent-color),.5) 0,rgba(var(--accent-color),.5) 75%,transparent 0,transparent);background-size:1rem 1rem}code.zmdi-language-python-alt{color:var(--text)} +@import url(https://theme-park/CSS/defaults/placeholders.css);*{outline:0}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)}::-webkit-scrollbar-corner{background-color:hsla(0,0%,100%,.08)}::-webkit-scrollbar{width:10px;height:10px;background:#1f1f1f}::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background-color:rgba(255,255,255,.35)!important}.page-link,a{color:var(--link-color)}a:hover{color:var(--link-color-hover)}.page-item.active .page-link{z-index:3;color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.page-link{background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.page-link:hover{color:var(--link-color-hover);text-decoration:none;background-color:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.1)}.page-item.disabled .page-link{color:var(--link-color);background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgb(var(--accent-color) / 25%)}.text-muted{color:var(--text-muted)!important}.table{color:var(--text)}.table thead th{color:var(--text-hover)}.custom-control-label,.modal-header,h1,h2,h3,h4,h5,h6,label{color:var(--text-hover)}.header-container input[type=text]{padding:0;transition:none;color:#fff;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.3)!important;background-color:transparent}.header-container input[type=text]:focus{box-shadow:none;color:#fff;background-color:transparent!important;border-color:rgb(var(--accent-color))!important}.form-control{color:#fff;background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.form-control:focus{background-color:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.25)!important;outline:0;box-shadow:none;color:#fff}.form-control:disabled,.form-control[readonly]{background-color:rgb(255 255 255 / 15%);opacity:.7;color:#fff;border:1px solid rgb(255 255 255 / 15%)}:root .form-control:focus{box-shadow:none!important;border-color:transparent!important}.form-group i{color:#fff}.bootstrap-tagsinput{color:#eee;background-color:rgba(0,0,0,.25)!important;border:1px solid transparent!important}.bootstrap-tagsinput.focus{background-color:#fff!important;border-color:transparent;outline:0;box-shadow:none;color:#000}.input-group-text{color:var(--text);background-color:rgb(0 0 0 / 25%);border:1px solid transparent}.custom-chip-input .main-input{background:0 0;color:var(--text)}.custom-chip-input:focus-within{border-color:rgb(255 255 255 / 10%)}.custom-chip-input .custom-chip{color:var(--button-text);background-color:var(--button-color)}.custom-selector .selector__control .selector__multi-value,.selector__multi-value__label{background:var(--button-color);color:var(--button-text)}.sidebar-container{background-color:rgba(0,0,0,.25)}.sidebar-container .sidebar-button{color:var(--text)!important;background:0 0}.sidebar-container .sidebar-button:active,.sidebar-container .sidebar-button:focus{color:rgb(var(--accent-color))!important;background-color:rgba(0,0,0,.15)!important}.sidebar-container .sidebar-button:hover{background-color:transparent!important;color:rgb(var(--accent-color))!important}.content-header.bg-dark .btn-dark:hover{color:rgb(var(--accent-color))}.sidebar-container .sidebar-button.sb-active,.sidebar-container .sidebar-button.sb-active:hover{background-color:rgba(0,0,0,.15)!important;color:rgb(var(--accent-color))!important}.content-header.bg-dark>button{color:var(--text)}.content-header.bg-dark>button:hover{color:var(--text-hover)}.content-header.bg-dark .btn-dark{color:var(--text)}.btn-dark.disabled:hover,.btn-dark:disabled:hover{color:var(--text)!important}.sidebar-container .sidebar-button.sb-active:before,.sidebar-container .sidebar-collapse-box.active:before{background-color:rgb(var(--accent-color))}@media (max-width:767.98px){.sidebar-container,.sidebar-container.open{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}}.sidebar-container .badge-secondary{color:var(--label-text-color);background-color:var(--arr-queue-color)}.header-container .bg-primary{background-color:rgba(0,0,0,.35)!important}.header-container .btn-primary{color:var(--button-text);background-color:transparent;border-color:transparent}.header-container .btn-primary.focus,.header-container .btn-primary:focus,.header-container .btn-primary:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.header-container .btn-primary:not(:disabled):not(.disabled).active,.header-container .btn-primary:not(:disabled):not(.disabled):active,.header-container .show>.btn-primary.dropdown-toggle{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.content-header.bg-dark{background:var(--main-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;border-bottom:solid 1px rgba(255,255,255,.1)}.bg-light{background:var(--main-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}.auth-card{border:1px solid transparent}.auth-card .card-footer{background-color:transparent;border-top:1px solid rgba(255,255,255,.1)}hr{border-top:1px solid rgb(255 255 255 / 10%)}.card{background-color:rgba(0,0,0,.45);box-shadow:0 0 10px 1px #000;color:var(--text)}.settings-card:focus,.settings-card:hover{border-color:transparent;color:var(--text-hover)}.alert-secondary{color:var(--text);background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.15)}.progress-bar{background-color:var(--accent-color)}.progress{background-color:rgb(255 255 255 / 20%)}.progress-bar.bg-primary{background:rgb(var(--accent-color))!important;color:var(--label-text-color)!important}.progress-bar.bg-warning{color:#212529;background-color:rgba(255,193,7,.8)!important}.badge-warning{color:#212529;background-color:rgba(255,193,7,.8)}.badge-primary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.text-truncate.badge.badge-secondary{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.popover{background-color:#1f1f1f;border:1px solid rgba(255,255,255,.2)}.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after{border-top-color:rgba(255,255,255,.5)}.popover-header{background-color:#1f1f1f;border-bottom:1px solid rgba(255,255,255,.1)}.popover-body{color:var(--text)}.spinner-border{color:rgb(var(--accent-color))}.modal-content{box-shadow:0 0 10px 1px rgba(0,0,0,.1);border-radius:3px;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}.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(--accent-color)}.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(--accent-color)}.modal-content .badge-secondary{color:#fff;background-color:var(--accent-color);padding:5px}.modal-content button:focus{outline:0!important}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#eee;text-shadow:0 1px 0 #eee;opacity:.5}.close:hover{color:#fff!important;text-decoration:none}.btn-outline-secondary,.btn-primary{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:hover,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(var(--accent-color),.5)}.btn-primary.disabled,.btn-primary:disabled{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-dark.disabled,.btn-dark:disabled{color:var(--text-muted);background-color:transparent;border-color:transparent}.btn-dark.disabled:hover,.btn-dark:disabled:hover{color:var(--text-muted);background-color:transparent;border-color:transparent}.btn-dark{color:var(--button-text);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem transparent}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:var(--button-text-hover);background-color:transparent;border-color:transparent}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem transparent}.btn-light{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-light.focus,.btn-light:focus,.btn-light:hover{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-light.disabled,.btn-light:disabled{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:var(--button-text-hover);background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem transparent}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(255,255,255,.07)}.custom-control-input:checked~.custom-control-label:before{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:var(--accent-color)}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:rgb(var(--accent-color));border-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{border-color:rgb(var(--accent-color));background-color:rgb(var(--accent-color))}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(var(--accent-color),.5)}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}input{color:var(--text-hover)!important}.custom-select:focus{border-color:rgb(var(--accent-color));outline:0;box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.custom-file-input:focus~.custom-file-label{border-color:rgb(var(--accent-color));box-shadow:0 0 0 .2rem rgba(var(--accent-color),.25)}.dropdown-header,.dropdown-menu{color:var(--text);background:var(--drop-down-menu-bg);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}.dropdown-item{color:var(--text)}.dropdown-item:focus,.dropdown-item:hover{color:var(--text-hover);background-color:hsla(0,0%,100%,.08)}.custom-selector .selector__control{background-color:rgba(0,0,0,.25);border-color:transparent!important;color:#fff}[class$="-indicatorContainer"],[class$="-placeholder"],[class$="-singleValue"]{color:var(--text)!important}[class$="-indicatorContainer"]:hover{color:var(--text-hover)}.custom-selector .selector__control--is-focused{border-color:rgba(255,255,255,.2)!important}.selector__menu{background:var(--drop-down-menu-bg)!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;color:var(--text)}.custom-selector .selector__option--is-selected:active{background-color:rgba(255,255,255,.07)!important}.custom-selector .selector__option--is-focused{background-color:rgba(var(--accent-color),.2);color:#fff}.custom-selector .selector__option--is-focused:active,.custom-selector .selector__option--is-focused:focus{background-color:rgba(var(--accent-color),.2);color:#fff}.custom-selector .selector__option--is-selected{background-color:rgb(var(--accent-color));color:var(--label-text-color)}.custom-selector .selector__option--is-selected:active{background-color:rgb(var(--accent-color))}.custom-rc-slider .rc-slider-track{background:var(--button-color)}.custom-rc-slider .rc-slider-handle{border:3px solid var(--button-color)}.custom-rc-slider .rc-slider-handle:active,.custom-rc-slider .rc-slider-handle:hover{border-color:var(--button-color-hover)}.recharts-default-tooltip{background:#1f1f1f!important;border:transparent!important}.recharts-rectangle.recharts-tooltip-cursor{fill:rgba(255,255,255,.15)!important}text{stroke:none;fill:var(--text-hover);text-anchor:end}line{stroke:var(--text);fill:none}.toast{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;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);color:var(--text)}.toast-header{color:var(--text-hover);background-color:hsla(0,0%,0%,.35);border-bottom:1px solid rgba(0,0,0,.05)}.alert-container .toast-container .toast .toast-body .progress .progress-bar{text-shadow:-2px -2px 5px rgba(var(--accent-color),.35),2px -2px 5px rgba(var(--accent-color),.35),-2px 2px 5px rgba(var(--accent-color),.35),2px 2px 5px rgba(var(--accent-color),.35);overflow:visible}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(var(--accent-color),.5) 25%,transparent 0,transparent 50%,rgba(var(--accent-color),.5) 0,rgba(var(--accent-color),.5) 75%,transparent 0,transparent);background-size:1rem 1rem}code.zmdi-language-python-alt{color:var(--text)} diff --git a/docker-mods/bazarr/root/etc/cont-init.d/98-themepark b/docker-mods/bazarr/root/etc/cont-init.d/98-themepark index db18c082..65ef2823 100644 --- a/docker-mods/bazarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/bazarr/root/etc/cont-init.d/98-themepark @@ -43,7 +43,9 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" printf 'Stylesheet set to %s\n' "${TP_THEME}" if [[ -n ${TP_ADDON} ]]; then - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" - printf 'Added custom addon: %s\n\n' "${TP_ADDON}" + for addon in $(echo "$TP_ADDON" | tr "|" " "); do + sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" + printf 'Added custom addon: %s\n\n' "${addon}" + done fi fi diff --git a/docker-mods/lidarr/root/etc/cont-init.d/98-themepark b/docker-mods/lidarr/root/etc/cont-init.d/98-themepark index 1810be9c..844252a5 100644 --- a/docker-mods/lidarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/lidarr/root/etc/cont-init.d/98-themepark @@ -7,6 +7,7 @@ echo '---------------------------' # Display variables for troubleshooting echo -e "Variables set:\\n\ 'TP_DOMAIN'=${TP_DOMAIN}\\n\ +'TP_ADDON'=${TP_ADDON}\\n\ 'TP_THEME'=${TP_THEME}\\n" APP_FILEPATH='/app/lidarr/bin/UI/index.html' @@ -45,4 +46,11 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then 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 diff --git a/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark b/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark index 00844f52..f44552d2 100644 --- a/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark @@ -47,7 +47,10 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" printf 'Stylesheet set to %s\n' "${TP_THEME}" if [[ -n ${TP_ADDON} ]]; then - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" - printf 'Added custom addon: %s\n\n' "${TP_ADDON}" + 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 diff --git a/docker-mods/radarr/root/etc/cont-init.d/98-themepark b/docker-mods/radarr/root/etc/cont-init.d/98-themepark index 6e62118a..5982b13b 100644 --- a/docker-mods/radarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/radarr/root/etc/cont-init.d/98-themepark @@ -47,7 +47,10 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" printf 'Stylesheet set to %s\n' "${TP_THEME}" if [[ -n ${TP_ADDON} ]]; then - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" - printf 'Added custom addon: %s\n\n' "${TP_ADDON}" + 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 diff --git a/docker-mods/readarr/root/etc/cont-init.d/98-themepark b/docker-mods/readarr/root/etc/cont-init.d/98-themepark index ed1537e2..8e6bd988 100644 --- a/docker-mods/readarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/readarr/root/etc/cont-init.d/98-themepark @@ -7,6 +7,7 @@ echo '---------------------------' # Display variables for troubleshooting echo -e "Variables set:\\n\ 'TP_DOMAIN'=${TP_DOMAIN}\\n\ +'TP_ADDON'=${TP_ADDON}\\n\ 'TP_THEME'=${TP_THEME}\\n" APP_FILEPATH='/app/readarr/bin/UI/index.html' @@ -46,7 +47,10 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" printf 'Stylesheet set to %s\n' "${TP_THEME}" if [[ -n ${TP_ADDON} ]]; then - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" - printf 'Added custom addon: %s\n\n' "${TP_ADDON}" + 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 diff --git a/docker-mods/sonarr/root/etc/cont-init.d/98-themepark b/docker-mods/sonarr/root/etc/cont-init.d/98-themepark index 2a88169d..59de70a9 100644 --- a/docker-mods/sonarr/root/etc/cont-init.d/98-themepark +++ b/docker-mods/sonarr/root/etc/cont-init.d/98-themepark @@ -47,7 +47,10 @@ if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}"; then sed -i "s/<\/head>/<\/head> /g" "${LOGIN_FILEPATH}" printf 'Stylesheet set to %s\n' "${TP_THEME}" if [[ -n ${TP_ADDON} ]]; then - sed -i "s/<\/head>/<\/head> /g" "${APP_FILEPATH}" - printf 'Added custom addon: %s\n\n' "${TP_ADDON}" + 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 diff --git a/themes.json b/themes.json index 044bf727..3e68e367 100644 --- a/themes.json +++ b/themes.json @@ -30,7 +30,13 @@ }, "prowlarr": { "base_css": "https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css?sha=5a5c2cf2dc3589c4a04346840ae6fa0aea1e43d1", - "addons": {} + "addons": { + "prowlarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css?sha=767a3200193c5ad85183b214bea9ec28643a2517" + ] + } + } }, "logarr": { "base_css": "https://theme-park.dev/CSS/themes/logarr/logarr-base.css?sha=ec221b4c4a1d817ac8875fa9b95aeb83518fe0ed", @@ -124,11 +130,16 @@ "addons": {} }, "bazarr": { - "base_css": "https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css?sha=a3748dae7bfc6ed605eb543f5887a77625420c87", + "base_css": "https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css?sha=4cf9cacfc200ad269ecd184d60cef73bb34629fa", "addons": { "bazarr-4k-logo": { "css": [ - "https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css?sha=46198c7fbad746b02d2dcb0b27d04467084af121" + "https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr-darker.css?sha=96d03ac3112209b079b2c2a04ead4c8ba09b6c16" + ] + }, + "bazarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css?sha=96d03ac3112209b079b2c2a04ead4c8ba09b6c16" ] } } @@ -190,12 +201,12 @@ "addons": { "sonarr-4k-logo": { "css": [ - "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-theme.css?sha=ed7eb37b6504e37bd41774b333911c510f81c407" + "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-darker.css?sha=5efcc267e3ad03a993d30252a8fbf12cb1b1f171" ] }, - "sonarr-theme": { + "sonarr-darker": { "css": [ - "https://theme-park.dev/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css?sha=ed7eb37b6504e37bd41774b333911c510f81c407" + "https://theme-park.dev/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css?sha=5efcc267e3ad03a993d30252a8fbf12cb1b1f171" ] } } @@ -228,7 +239,12 @@ "addons": { "radarr-4k-logo": { "css": [ - "https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css?sha=094f9fb3fdc8973225da908f7bd8ca2d4a0ba047" + "https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-darker.css?sha=1b7f3bca4616027ace7a5ac73d25b1789e35c8d4" + ] + }, + "radarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/radarr/radarr-darker/radarr-darker.css?sha=1b7f3bca4616027ace7a5ac73d25b1789e35c8d4" ] } } @@ -259,7 +275,13 @@ }, "lidarr": { "base_css": "https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css?sha=d598ad85bc3d0fedfaa332528329c3cf3fd6e411", - "addons": {} + "addons": { + "lidarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css?sha=16c08f6c980befe90460648ab504bbf36dc07e13" + ] + } + } }, "jellyfin": { "base_css": "https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css?sha=a783cb1cc8f0654ae9bc8dc92c2b735743f8c8bf", @@ -278,13 +300,25 @@ "addons": { "readarr-alt-logo": { "css": [ - "https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css?sha=fb0427c54496239f85297f36bf97877f17b2bfa8" + "https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr-darker.css?sha=6f86088cf9105c4026cadbea0fc03b8e26d2ee48" + ] + }, + "readarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/readarr/readarr-darker/readarr-darker.css?sha=6f86088cf9105c4026cadbea0fc03b8e26d2ee48" ] } } } }, "addons": { + "prowlarr": { + "prowlarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css?sha=767a3200193c5ad85183b214bea9ec28643a2517" + ] + } + }, "unraid": { "login-page": { "alien": { @@ -333,19 +367,24 @@ "bazarr": { "bazarr-4k-logo": { "css": [ - "https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css?sha=46198c7fbad746b02d2dcb0b27d04467084af121" + "https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr-darker.css?sha=96d03ac3112209b079b2c2a04ead4c8ba09b6c16" + ] + }, + "bazarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css?sha=96d03ac3112209b079b2c2a04ead4c8ba09b6c16" ] } }, "sonarr": { "sonarr-4k-logo": { "css": [ - "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-theme.css?sha=ed7eb37b6504e37bd41774b333911c510f81c407" + "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-darker.css?sha=5efcc267e3ad03a993d30252a8fbf12cb1b1f171" ] }, - "sonarr-theme": { + "sonarr-darker": { "css": [ - "https://theme-park.dev/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css?sha=ed7eb37b6504e37bd41774b333911c510f81c407" + "https://theme-park.dev/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css?sha=5efcc267e3ad03a993d30252a8fbf12cb1b1f171" ] } }, @@ -364,14 +403,31 @@ "radarr": { "radarr-4k-logo": { "css": [ - "https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css?sha=094f9fb3fdc8973225da908f7bd8ca2d4a0ba047" + "https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-darker.css?sha=1b7f3bca4616027ace7a5ac73d25b1789e35c8d4" + ] + }, + "radarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/radarr/radarr-darker/radarr-darker.css?sha=1b7f3bca4616027ace7a5ac73d25b1789e35c8d4" + ] + } + }, + "lidarr": { + "lidarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css?sha=16c08f6c980befe90460648ab504bbf36dc07e13" ] } }, "readarr": { "readarr-alt-logo": { "css": [ - "https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css?sha=fb0427c54496239f85297f36bf97877f17b2bfa8" + "https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr-darker.css?sha=6f86088cf9105c4026cadbea0fc03b8e26d2ee48" + ] + }, + "readarr-darker": { + "css": [ + "https://theme-park.dev/CSS/addons/readarr/readarr-darker/readarr-darker.css?sha=6f86088cf9105c4026cadbea0fc03b8e26d2ee48" ] } }