diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css
index 80a33c0..40630b6 100644
--- a/CSS/css-scyfin/scyfin-theme-backdrop.css
+++ b/CSS/css-scyfin/scyfin-theme-backdrop.css
@@ -99,14 +99,17 @@
     background-color: black !important;
 }
 
-
-
 /* Green watched indicator */
 .playedIndicator {
-    background: #409843 !important;
+    /* background: rgb(64, 152, 67, 0.5) !important; */
+    background: linear-gradient(to bottom right, rgba(74, 150, 76, 0.5), rgba(32, 139, 35, 0.5)) !important;
 }
 
-
+.countIndicator, .fullSyncIndicator, .mediaSourceIndicator, .playedIndicator {
+    /* background: rgba(35, 35, 35, 0.5); */
+    background: linear-gradient(to bottom right, rgba(170, 92, 195, 0.5), rgba(0, 164, 220, 0.5));
+    backdrop-filter: blur(50px);
+}
 
 /* Rounded left drawer buttons */
 .navMenuOption,
diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index c4b23cf..fcc44a9 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -99,14 +99,15 @@
     background-color: black !important;
 }
 
-
-
 /* Green watched indicator */
 .playedIndicator {
-    background: #409843 !important;
+    background: linear-gradient(to bottom right, rgba(74, 150, 76, 0.5), rgba(32, 139, 35, 0.5)) !important;
 }
 
-
+.countIndicator, .fullSyncIndicator, .mediaSourceIndicator, .playedIndicator {
+    background: linear-gradient(to bottom right, rgba(170, 92, 195, 0.5), rgba(0, 164, 220, 0.5));
+    backdrop-filter: blur(50px);
+}
 
 /* Rounded left drawer buttons */
 .navMenuOption,