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 a3748dae..4cf9cacf 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -10,6 +10,8 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ +@import url("https://theme-park/CSS/defaults/placeholders.css"); + * { outline: none; } @@ -789,26 +791,6 @@ line { fill: none; } -/* PLACEHOLDER TEXT */ -::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; -} /* TOASTS */ .toast {