winged cedar
Hello there,
I'm trying to get the "light" variant of blue using theme.fn.variant({ variant: 'light', color: 'blue' }), however the output only provides the default blue that you would get when using the filled variant.
Expected:
https://files.jellyton.me/ShareX/2023/03/chrome_-_March19_-_00.29_-_1830.png
Actual:
https://files.jellyton.me/ShareX/2023/03/chrome_-_March19_-_00.29_-_1831.png
inland oyster
Hello there,
I'm trying to get the "light" variant of blue using `theme.fn.vari...
theme.fn.variant is considered to be internal function. It is not documented and is not recommended to be used as it can be changed in minor/patches releases without any notice.
winged cedar
Ah ok, is there any other way to get the variant colors besides just manually setting them?
specifically for the light variant?
or are those colors just calculated
inland oyster
Ah ok, is there any other way to get the variant colors besides just manually se...
What are variant colors?
winged cedar
For example, the colors that are used when you specify blue on a button, with the light variant
These
inland oyster
For example, the colors that are used when you specify blue on a button, with th...
I suppose in this case you can use theme.fn.variant
https://codesandbox.io/s/dazzling-kapitsa-i8k67i?file=/src/App.tsx
winged cedar
Oh this is actually exactly what I did, so the actual issue is that it looks like it's getting colors for the light color scheme instead of dark (sorry, a little confusing using the term "light" for two different meanings here)
In the mantineprovider I do have the colorScheme set to dark
<MantineProvider theme={{ colorScheme: 'dark' }} withNormalizeCSS>
inland oyster
`<MantineProvider theme={{ colorScheme: 'dark' }} withNormalizeCSS>`
I've updated sandbox to be in dark color scheme – https://codesandbox.io/s/dazzling-kapitsa-i8k67i?file=/src/App.tsx
