More fixes (#266)

CSS/themes/ombi/ombi-base.css

@@ -204,6 +204,11 @@ a:hover {
     color: var(--text-hover) !important;
 }
 
+.active-advanced.fa-filter{
+    color: rgb(var(--accent-color));
+    background:none;
+    }
+
 /* DISCOVER PAGE */
 .discover-filter-buttons-group {
     background: rgb(255 255 255 / 8%) !important;
@@ -218,6 +223,10 @@ a:hover {
     background: rgba(0, 0, 0, 0.45) !important;
 }
 
+#search-filter{
+    color:var(--text);
+    }
+
 .small-middle-container [div*="_ngcontent-"] {
     margin: auto;
     width: 100% !important;
@@ -466,6 +475,14 @@ small.important {
     background: var(--button-color-hover) !important;
 }
 
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+    border-color: rgb(var(--accent-color));
+}
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
+    background-color: rgb(var(--accent-color));
+}
+
 /* Plex buttons */
 .viewon-btn.plex,
 .viewon-btn.emby,
@@ -677,3 +694,10 @@ hr {
 .mat-spinner.mat-accent circle {
     stroke: rgb(var(--accent-color));
 }
+
+/* ADVANCED SEARCH MODAL */
+.alert-info {
+    background: rgba(255, 255, 255, .25) !important;
+    border-color: rgba(255, 255, 255, .1) !important;
+    color: var(--text-hover) !important;
+}

CSS/themes/sabnzbd/sabnzbd-base.css

@@ -347,19 +347,19 @@ svg.peity polyline {
 
 /* buttons settings */
 .btn-default.sabnzbd_restart {
-  color: var(--button-text);
+  color: #ddd;
   background-color: #a94442;
   border-color: transparent;
 }
 
 .btn-default.sabnzbd_restart:hover {
-  color: var(--button-text-hover);
+  color: #fff;
   background-color: #d93935;
   border-color: transparent;
 }
 
 .btn-default.saveButton {
-  color: var(--button-text);
+  color: #ddd;
   background-color: #3c763d;
   border-color: transparent;
 }
@@ -374,13 +374,13 @@ svg.peity polyline {
 
 /* buttons categories */
 .btn-default.delCat {
-  color: var(--button-text);
+  color: #ddd;
   background-color: #a94442;
   border-color: #2d2c2c;
 }
 
 .btn-default.delCat:hover {
-  color: var(--button-text-hover);
+  color: #fff;
   background-color: #d93935;
   border-color: transparent;
 }
@@ -401,14 +401,14 @@ svg.peity polyline {
 
 /* Button Switches*/
 .btn-default.restoreDefaults {
-  color: var(--button-text);
+  color: #ddd;
   background-color: #a94442;
   border-color: transparent;
 }
 
 .btn-default.restoreDefaults:hover,
 .btn-default.restoreDefaults:focus {
-  color: var(--button-text-hover);
+  color: #fff;
   background-color: #d93935;
   border-color: transparent;
 }
@@ -427,7 +427,7 @@ svg.peity polyline {
 }
 
 .btn-default.patternKey {
-  color: #fff !important;
+  color: var(--button-text) !important;
   background-color: var(--button-color);
   border-color: transparent;
 }
@@ -440,7 +440,7 @@ svg.peity polyline {
 
 input[type="button"],
 input[type="submit"] {
-  color: #fff !important;
+  color: var(--button-text) !important;
   background: var(--button-color);
   border: 1px solid #00000000
 }
@@ -451,7 +451,7 @@ input[type="button"]:active,
 input[type="submit"]:active,
 input[type="button"]:focus,
 input[type="submit"]:focus {
-  color: #fff !important;
+  color: var(--button-text-hover) !important;
   background-color: var(--button-color-hover) !important;
   border: 1px solid #00000000
 }
@@ -466,7 +466,7 @@ input[type="submit"]:focus {
 .btn-default.btn-file:hover,
 .btn-default.btn-file:active,
 .btn-default.btn-file:focus {
-  color: #fff !important;
+  color: var(--button-text-hover) !important;
   background-color: var(--button-color-hover) !important;
   border-color: transparent !important;
 }
@@ -478,7 +478,7 @@ input[type="submit"]:focus {
 }
 
 .caret {
-  border-top-color: white !important;
+  border-top-color: var(--button-text) !important;
 }
 
 .table-striped>tbody>tr:nth-of-type(odd) {

CSS/themes/unraid/unraid-base.css

@@ -443,6 +443,123 @@ li.caMenuItem:hover {
     color: var(--link-color-hover);
 }
 
+.ca_holder {
+    background-color: rgb(0, 0, 0, .25) !important;
+    border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.ca_holder:hover {
+    background-color: rgba(0, 0, 0, 0.45) !important;
+}
+
+.infoButton,
+.supportButton,
+.actionsPopup,
+.supportPopup,
+.popupProfile,
+.repoPopup,
+.ca_favouriteRepo {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+}
+
+.infoButton:hover,
+.supportButton:hover,
+.actionsPopup:hover,
+.supportPopup:hover,
+.popupProfile:hover,
+.repoPopup:hover,
+.ca_favouriteRepo:hover{
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.donate a {
+    color: var(--button-text) !important;
+}
+
+.donate:hover a {
+    color: var(--button-text-hover) !important;
+}
+
+.unpinned {
+    color: var(--button-color) !important
+}
+
+.unpinned:hover {
+    color: var(--button-color-hover) !important;
+}
+
+.homeMore:hover,
+.popUpClose:hover,
+.enabledIcon:hover,
+.ca_readmore:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.homeMore,
+.popUpClose,
+.ca_readmore {
+    color: var(--link-color) !important;
+}
+
+.sortIcons.enabledIcon {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.sortIcons.enabledIcon:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.sortIcons {
+    color: var(--text) !important;
+}
+
+.sortIcons:hover {
+    color: var(--text-hover) !important;
+}
+
+.pageSelected {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.pageNumber:hover {
+    color: var(--accent-color-hover) !important;
+}
+
+#copyright>a {
+    color: var(--link-color);
+}
+
+#copyright>a:hover {
+    color: var(--link-color-hover);
+}
+
+.ca_red {
+    color: #e22828 !important;
+}
+
+/* CA search input */
+#searchButton:hover {
+    color: rgb(var(--accent-color));
+}
+
+#searchBox,
+.searchSubmit {
+    background: rgba(255, 255, 255, 0.05) !important;
+}
+
+/* CA slide in menu */
+
+.chartMenu:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.sidenav {
+    background: var(--modal-bg-color) !important;
+    color: var(--text) !important;
+}
+
 /* AZURE THEME*/
 div.frame,
 div.tabs {

CSS/variables/nord.css

@@ -25,6 +25,6 @@
   /*Specials*/
   --arr-queue-color: #A3BE8C; /* Servarr apps + Bazarr*/
   --plex-poster-unwatched: #D08770;
-  --petio-spinner: invert(62%) sepia(8%) saturate(998%) hue-rotate(259deg) brightness(97%) contrast(87%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
   --gitea-color-primary-dark-4: 121, 184, 202;
   }