diff --git a/frappe/public/scss/indicator.scss b/frappe/public/scss/indicator.scss
index dca3308087..b3e5a6b925 100644
--- a/frappe/public/scss/indicator.scss
+++ b/frappe/public/scss/indicator.scss
@@ -39,10 +39,10 @@
 }
 
 @mixin indicator-pill-color($color) {
-	background: var(--indicator-red-bg);
-	color: var(--indicator-red);
+	background: var(--indicator-#{$color}-bg);
+	color: var(--indicator-#{$color});
 	&::before, &::after {
-		background: var(--indicator-red);
+		background: var(--indicator-#{$color});
 	}
 }