I'm using React and the latest mantine v7.
If I swicht to the dark mode via useMantineColorScheme() all components are in dark mode, thats nice but if want to custome style some components in need allways need to check in the components if it dark mode or not and switch the colors like:
const headerBgColor =
colorScheme === "dark"
? "var(--mantine-color-dark-6)"
: "var(--mantine-color-light-0)";
....
<Stack bg={headerBgColor}>...</Stack>
This way the code fast big and maybe there are other approaches ?
and also is there a way to this in the *.module.css ?