gilbn
3 years ago
7 changed files with 576 additions and 26 deletions
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
Loading…
Reference in new issue