diff --git a/frappe/public/scss/desk/dark.scss b/frappe/public/scss/desk/dark.scss
index cb973144b2..e149a6498c 100644
--- a/frappe/public/scss/desk/dark.scss
+++ b/frappe/public/scss/desk/dark.scss
@@ -127,7 +127,7 @@ $check-icon-dark: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xm
 	// checkbox
 	--checkbox-color: var(--neutral-white);
 	--checkbox-gradient: linear-gradient(180deg, var(--neutral-white) -124.51%, var(--neutral-white) 100%);
-	--checkbox-disabled-gradient: linear-gradient(180deg, var(--gray-500) -124.51%, var(--gray-500) 100%);
+	--checkbox-disabled-gradient: linear-gradient(180deg, var(--gray-600) -124.51%, var(--gray-600) 100%);
 	--checkbox-focus-shadow: var(--focus-default);
 
 	input[type="checkbox"] {
@@ -136,7 +136,10 @@ $check-icon-dark: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xm
 		}
 		&.disabled-selected, &:disabled:checked {
 			background-image: $check-icon-dark, var(--checkbox-disabled-gradient);
-			background-color: var(--gray-500);
+		}
+		&.disabled-deselected {
+			border: none;
+			background-color: var(--gray-700);
 		}
 	}
 
diff --git a/frappe/public/scss/element/checkbox.scss b/frappe/public/scss/element/checkbox.scss
index 3c273094d8..864d64e25f 100644
--- a/frappe/public/scss/element/checkbox.scss
+++ b/frappe/public/scss/element/checkbox.scss
@@ -45,7 +45,7 @@ input[type="checkbox"] {
 	}
 
 	&.disabled-selected, &:disabled:checked {
-		background-color: var(--checkbox-color);
+		background-color: var(--gray-600);
 		background-image: $check-icon;
 		background-size: 57%;
 		box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);