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 index 815bb2c6..3f116c08 100644 --- 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 index 8c03e22c..ece8d6df 100644 --- 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]}; `} ` );