mantine-theme-builder icon indicating copy to clipboard operation
mantine-theme-builder copied to clipboard

Switch inner label not readable with shadcn theme and dark mode

Open stefan-isele opened this issue 3 months ago • 0 comments

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;
}

stefan-isele avatar Sep 20 '25 11:09 stefan-isele