Reference to modes colors value

[ppsirius]

I have that code but passed 'primary' from color mode doesn't work. How to handle this?

export default { 
  config: {
    useCustomProperties: false,
    initialColorModeName: 'light',
  },
  colors: {
      modes: {
        light: {
          primary: '#0cf',
        },
        dark: {
          primary: 'green',
        },
      },
    },
   buttons: {
     primaryButton: {
        bg: 'primary',
      },
    },
 }

[hasparus]

https://codesandbox.io/s/agitated-rhodes-r3u6u0?file=/pages/index.tsx

The default variant for a button is buttons.primary, not buttons.primaryButton. You can use the buttons.primaryButton variant you defined as follows

      <Button variant="primaryButton">Click me</Button>

You can use buttons.primary like this:

      <Button>Click me</Button>