work work

CSS/themes/organizr/organizr-base.css

@@ -1158,12 +1158,27 @@ a:hover {
 }
 
 /* Homepage health checks */
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
     .bg-inverse .healthPosition {
         background: rgba(255, 255, 255, 0.2) !important;
         -webkit-backdrop-filter: saturate(180%) blur(30px);
         backdrop-filter: saturate(180%) blur(30px);
         border-radius: 3px;
     }
+}
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+    .bg-inverse .healthPosition {
+        background: var(--main-bg-color) !important;
+        border-radius: 3px;
+    }
+}
+
+.bg-inverse .healthPosition h3,
+.bg-inverse .healthPosition h5 {
+    color: #fff !important;
+}
 
 #homepageOrderhealthchecks .card-body {
     background: rgba(255, 255, 255, 0.2);
@@ -1284,16 +1299,16 @@ a:hover {
 
 [id*="homepage"] .panel-heading.bg-info,
 .fc-toolbar:not(.fc-alternate) {
-    background: rgb(var(--accent-color
+    background: rgb(var(--accent-color)) !important;
-    )) !important;
     color: var(--label-text-color) !important;
 }
+
 .fc-toolbar:not(.fc-alternate) h2,
 .fc .fc-button-group>button:not(.fc-alternate [class*="fc"]) {
     color: var(--label-text-color) !important;
 }
 
-.bg-info:not(.fc-alternate) {
+.bg-info:not(.fc-alternate):not(.feeds .bg-info) {
     background-color: rgb(var(--accent-color)) !important;
     color: var(--lbel-text-color) !important;
 }
@@ -1605,6 +1620,7 @@ input,
 .tab-content .panel .panel-body .bg-org {
     background: transparent !important;
 }
+
 /*
 .jq-toast-single {
     border-radius: 10px 10px 0 0;