diff --git a/src/mantine-core/src/Checkbox/Checkbox.styles.ts b/src/mantine-core/src/Checkbox/Checkbox.styles.ts index 95c22a316b8..e33d0697030 100644 --- a/src/mantine-core/src/Checkbox/Checkbox.styles.ts +++ b/src/mantine-core/src/Checkbox/Checkbox.styles.ts @@ -71,6 +71,9 @@ export default createStyles( lineHeight: `${_size}px`, color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black, cursor: theme.cursorType, + '&[data-disabled]': { + color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5], + }, }, input: { diff --git a/src/mantine-core/src/Checkbox/Checkbox.tsx b/src/mantine-core/src/Checkbox/Checkbox.tsx index b77f4a4ad25..7a62e7e06f9 100644 --- a/src/mantine-core/src/Checkbox/Checkbox.tsx +++ b/src/mantine-core/src/Checkbox/Checkbox.tsx @@ -67,6 +67,7 @@ export const Checkbox: CheckboxComponent = forwardRef @@ -121,7 +123,7 @@ export const Checkbox: CheckboxComponent = forwardRef {label && ( -