gilbn
3 years ago
1 changed files with 108 additions and 0 deletions
@ -0,0 +1,108 @@ |
|||||
|
:root { |
||||
|
--main-bg-color: #4f566f; |
||||
|
|
||||
|
--modal-bg-color: #656d8c; |
||||
|
--modal-header-color: #656d8c; |
||||
|
--modal-footer-color: #656d8c; |
||||
|
|
||||
|
--drop-down-menu-bg: #3a3f51; |
||||
|
|
||||
|
--button-color: #5899eb; |
||||
|
--button-color-hover: #3483e7; |
||||
|
--button-text: #eee; |
||||
|
--button-text-hover: #fff; |
||||
|
|
||||
|
--accent-color: 53, 197, 244; |
||||
|
--accent-color-hover: rgb(33, 147, 181); |
||||
|
--link-color: #35c5f4; |
||||
|
--link-color-hover: rgb(53, 197, 244, .8); |
||||
|
--label-text-color: #4f566f; |
||||
|
|
||||
|
--text: #eee; |
||||
|
--text-hover: #fff; |
||||
|
--text-muted: #999; |
||||
|
|
||||
|
/*Specials*/ |
||||
|
--arr-queue-color: #35c5f4; |
||||
|
--side-menu-active: #252833; |
||||
|
--scroller-hover: #656d8c; |
||||
|
--scroller: #9ea4b9; |
||||
|
--border-color: #4f566f; |
||||
|
--label-color: #4f566f; |
||||
|
} |
||||
|
|
||||
|
/* SIDE MENU */ |
||||
|
[class*="PageHeader-header-"] { |
||||
|
background-color: var(--accent-color-hover); |
||||
|
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; |
||||
|
} |
||||
|
|
||||
|
/* SETTINGS */ |
||||
|
|
||||
|
[class*=Settings-link-] { |
||||
|
border-bottom: 1px solid var(--border-color); |
||||
|
} |
||||
|
|
||||
|
/* SEARCH DROP DOWN */ |
||||
|
[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] { |
||||
|
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*="SeriesIndexPoster-controls-"] { |
||||
|
background-color: var(--label-color) !important; |
||||
|
color: #fff !important; |
||||
|
} |
||||
|
|
||||
|
[class*="SeriesIndexPoster-posterContainer-"]>span>button { |
||||
|
background-color: transparent; |
||||
|
color: white !important; |
||||
|
} |
||||
|
|
||||
|
[class*="SeriesIndexPoster-action-"]:hover, |
||||
|
[class*=SeriesIndexPoster-action-] .fa-search:hover { |
||||
|
color: #ccc !important; |
||||
|
} |
Loading…
Reference in new issue