Storybook theming with custom css variables

[Audie80]

Is your feature request related to a problem? Please describe.

I have a css file that lists all my design system colors in css variables. I don’t want to have to manually copy my color values into the Storybook theme file.

Describe the solution you'd like

import { create } from '@storybook/theming/create';

export default create({
  base: 'light',
  colorPrimary: 'var(--color-primary)',
  colorSecondary: 'var(--color-secondary)',
  appBg: 'var(--color-body-bg)',
});

Describe alternatives you've considered

No response

Are you able to assist to bring the feature to reality?

no

Additional context

No response