diff --git a/frappe/public/scss/common/global.scss b/frappe/public/scss/common/global.scss
index 6c28dc939d..024e0cd2a4 100644
--- a/frappe/public/scss/common/global.scss
+++ b/frappe/public/scss/common/global.scss
@@ -50,7 +50,7 @@ input[type="radio"] {
 	}
 
 	&:checked::before {
-		background-color: #2490EF;
+		background-color: var(--blue-500);
 		border-radius: 16px;
 		box-shadow: inset 0 0 0 2px white;
 	}
@@ -81,7 +81,7 @@ input[type="checkbox"] {
 	}
 
 	&:checked {
-		background-color: #2490EF;
+		background-color: var(--blue-500);
 		background-image: $check-icon, linear-gradient(180deg, #4AC3F8 -124.51%, #2490EF 100%);
 		background-size: 57%, 100%;
 		box-shadow: none;