mantine-theme-builder
mantine-theme-builder copied to clipboard
Switch inner label not readable with shadcn theme and dark mode
The Mantine Switch component can have inner labels When using the shadcn theme in dark mode, these are not readable because they use white text on white ground.
Fix : The fix changes the text color to black on white background when the switch is activated in dark mode. Add this to the themes style.css :
/* Switch */
[data-mantine-color-scheme='dark']
.mantine-Switch-root[data-checked='true']
.mantine-Switch-trackLabel {
color: black;
}