Merge pull request #162 from scaleflex/FRA-6361-change-checkbox-status

Checkbox: update status design [FRA-6361]
scaleflex · Sep 9, 2024 · 545790a · 545790a
2 parents b061011 + 2bdafaa
commit 545790a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/ui/src/core/check-box-group/check-box-group.styles.ts b/packages/ui/src/core/check-box-group/check-box-group.styles.ts
@@ -20,7 +20,7 @@ const Label = styled.span.attrs({
     align-items: center;
     ${sizeCheckboxGroupMixin[size]}
     ${`margin-${$labelPosition === 'after' ? 'left' : 'right'}`}:4px;
-    color: ${disabled ? theme.palette[PColor.ButtonDisabledText] : theme.palette[PColor.TextPrimary]};
+    color: ${theme.palette[PColor.TextPrimary]};
     cursor: ${disabled ? 'default' : 'pointer'};
     white-space: nowrap;
     text-overflow: ellipsis;

diff --git a/packages/ui/src/core/check-box/check-box.styles.ts b/packages/ui/src/core/check-box/check-box.styles.ts
@@ -67,8 +67,8 @@ const CheckBox = styled.span.attrs({
 
     ${disabled &&
     css`
-      background: ${checked ? palette[PColor.BackgroundGrey] : palette[PColor.BackgroundActive]};
-      border: 1px solid ${checked ? palette[PColor.BackgroundGrey] : palette[PColor.BordersSecondary]};
+      background: ${checked ? palette[PColor.Accent_2_8_Opacity] : palette[PColor.BackgroundActive]};
+      border: 1px solid ${checked ? 'transparent' : palette[PColor.BordersSecondary]};
     `}
   `
 );