From ebe5de08632f88033e3c4ca5dad674f57b1524c4 Mon Sep 17 00:00:00 2001
From: martylukyy <35452459+martylukyy@users.noreply.github.com>
Date: Mon, 2 Jan 2023 22:58:48 +0000
Subject: [PATCH] feat(web): improve disabled checkbox colors (#608)

* enhancement(web): gray color for disabled checkboxes

* fix 11PM coding mistakes.

* put dark last for uniformity
---
 web/src/components/inputs/common.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/inputs/common.tsx b/web/src/components/inputs/common.tsx
index f40072b..e4a143c 100644
--- a/web/src/components/inputs/common.tsx
+++ b/web/src/components/inputs/common.tsx
@@ -35,7 +35,10 @@ const CheckboxField = ({
         id={name}
         name={name}
         type="checkbox" 
-        className={classNames("focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded", disabled ? "bg-gray-200" : "")}
+        className={classNames(
+          "focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded", 
+          disabled ? "bg-gray-200 dark:bg-gray-700 dark:border-gray-700" : ""
+        )}
         disabled={disabled}
       />
     </div>