diff --git a/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css b/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css new file mode 100644 index 00000000..ed7eb37b --- /dev/null +++ b/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css @@ -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; +} \ No newline at end of file