From 4d609fbbd35788b178d99978f52419ee383c4808 Mon Sep 17 00:00:00 2001
From: YanJin <yanjin.cheng@scality.com>
Date: Fri, 7 Jul 2023 16:23:50 +0200
Subject: [PATCH] checkbox: disabled checked checkbox should be selectedActive
 color with opacity 0.5

---
 src/lib/components/checkbox/Checkbox.component.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/checkbox/Checkbox.component.tsx b/src/lib/components/checkbox/Checkbox.component.tsx
index e84b3b29df..baef148e9f 100644
--- a/src/lib/components/checkbox/Checkbox.component.tsx
+++ b/src/lib/components/checkbox/Checkbox.component.tsx
@@ -123,6 +123,12 @@ const StyledCheckbox = styled.label<{
 
   [type='checkbox']:disabled {
     cursor: not-allowed;
-    background-color: ${(props) => getTheme(props).textSecondary};
+    background-color: ${(props) => {
+      if (props.checked) {
+        return getTheme(props).selectedActive;
+      } else {
+        return getTheme(props).textSecondary;
+      }
+    }};
   }
 `;