Theme Nesting?

Is your feature request related to a problem? Please describe. I want to be able to reference other theme values from the theme itself. Sorry if this is already a feature!

Describe the solution you’d like Ideally, the same way react-i18next works. You can reference strings from the same file with the nesting feature.

Describe alternatives you’ve considered Hard-coding values or not putting nested styles inside, neither of which are ideal.

Additional context I want to be able to set primary colour like this.

colors: {
  gray-500: '#ccc',
  primary: 'gray-500',
}

This currently does not work, I have to hard-code primary value and leave a comment explaining what it is. The same applies for other keys in the theme object I believe.

[hasparus]

Closing in favor of #1234

This currently does not work, I have to hard-code primary value and leave a comment explaining what it is. The same applies for other keys in the theme object I believe.

There is a workaround btw.

const baseColors = {
  blue: {
    '500': '#00f'
  }
}
const moreColors = {
  primary: baseColors.blue['500']
}
const colors = {
  ...baseColors, ...moreColors
}

[atanasster]

@hasparus I think we can close this in favor of #1234