deploy: 8222c6303c

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;
+}

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"
         ]
       }
     },