From e99f07c8a3c8cf1d1a613bcb708b9d714c6bf01f Mon Sep 17 00:00:00 2001
From: Maharshi Patel <maharshi.patel988@gmail.com>
Date: Thu, 21 Sep 2023 11:30:01 +0530
Subject: [PATCH] fix(minor): dark mode checkbox disabled state.

---
 frappe/public/scss/desk/dark.scss        | 7 +++++--
 frappe/public/scss/element/checkbox.scss | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

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);