Storybook Theming about storybook HOT 5 CLOSED

Though would be glad to be able to add theming options in nuxt.config.js

storybook: {
  theme: {
    // themeConfig here
  }
}

from storybook.

You should eject storybook config using manual setup

from storybook.

Resolved by doing the manual setup and adding manager.js in folder storybook have to fix and setup webpack to resolve some issues though. Below is a sample theming inside manager.js

import { addons } from '@storybook/addons';
import { create } from '@storybook/theming';
import Logo from '../static/icon.png'

const themeConfig = create({
  base: 'dark',
  brandTitle: 'Name',
  brandImage: Logo,
  appBg: '#242424',
  appContentBg: '#333333',
  textColor: '#ffcf00',
  barSelectedColor: '#ffcf00',
});

addons.setConfig({
  theme: themeConfig,
});

from storybook.

Though would be glad to be able to add theming options in nuxt.config.js

storybook: {
  theme: {
    // themeConfig here
  }
}

I also would love this option without having to eject/manual setup

from storybook.

Dark mode is also possible with the storybook-dark-mode package.

After installing you can add it to nuxt.config.js like so:

storybook: {
  addons: [
    'storybook-dark-mode/register'
  ],
}

from storybook.