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 diff --git a/themes.json b/themes.json index a046e777..d4ca9167 100644 --- a/themes.json +++ b/themes.json @@ -188,9 +188,9 @@ "sonarr": { "base_css": "https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css?sha=6a1249f5f4f1786f61b6081d6eef4f73fc7c2da8", "addons": { - "sonarr-4k-logo": { + "sonarr-theme": { "css": [ - "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css?sha=faf5db5b986bc264699744b01b5cf95addc2005e" + "https://theme-park.dev/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css?sha=ed7eb37b6504e37bd41774b333911c510f81c407" ] } } @@ -328,9 +328,9 @@ } }, "sonarr": { - "sonarr-4k-logo": { + "sonarr-theme": { "css": [ - "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css?sha=faf5db5b986bc264699744b01b5cf95addc2005e" + "https://theme-park.dev/CSS/addons/sonarr/sonarr-theme/sonarr-theme.css?sha=ed7eb37b6504e37bd41774b333911c510f81c407" ] } },