checkbox: disabled checked checkbox should be selectedActive color wi…

…th opacity 0.5
scality · Jul 7, 2023 · 4d609fb · 4d609fb
1 parent 7a46d8e
commit 4d609fb
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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;
+      }
+    }};
   }
 `;