This addon just controls themes (for example, light and dark), just adding data-theme attribute to the html tag.

It works nicely with UI libraries such as daisyUI.

Support Storybook 8

Getting Started

Add this addon to the .storybook/main.js (main.ts) file.

module.exports = {
  ...
 addons: [
     // your addons here
     "storybook-addon-theme-changer"
  ],
};

Add your themes to the .storybook/preview.js (preview.ts) file

...
export const globalTypes = {
 themes: {
   defaultValue: [
     "light",
     "dark",
     ...
   ],
 },

or

...
export const globals = {
    themes: [
     "light",
     "dark",
     ...
    ],
},

v0.2.2 (Sun Apr 28 2024)

🐛 Bug Fix

• fix: render error #24 (@keitaninja)

Authors: 1

• Keita Watanabe (@keitaninja)

v0.2.1 (Sat Apr 27 2024)

🐛 Bug Fix

• fix: fix tooltip icon button #23 (@keitaninja)

Authors: 1

• Keita Watanabe (@keitaninja)

v0.2.0 (Sat Apr 27 2024)

🚀 Enhancement

• chore: update pnpm version #22 (@keitaninja)
• chore: update github workflow #21 (@keitaninja)
• chore: update packages #20 (@keitaninja)
• chore: remove console.log #19 (@keitaninja)
• doc: update README #18 (@keitaninja)
• 12 incompatible with autodocs #15 (@keitaninja)

🐛 Bug Fix

• chore: update package.json #17 (@keitaninja)
• chore: update package.json #16 (@keitaninja)

⚠️ Pushed to main

• chore: update package lock file (@keitaninja)
• chore: update package.json (@keitaninja)
• feat: update doc (@keitaninja)

Authors: 1

• Keita Watanabe (@keitaninja)

v0.1.2 (Wed May 11 2022)

🐛 Bug Fix

• fix bag: map error when themes is undefined #5 (@kwatanwa17)

Authors: 1

• Keita Watanabe (@kwatanwa17)

v0.1.1 (Wed May 11 2022)

🐛 Bug Fix

• v0.1.1 #4 (@kwatanwa17)

Authors: 1

• Keita Watanabe (@kwatanwa17)

v0.1.0 (Wed May 11 2022)

🚀 Enhancement

• release v0.1.0 #3 (@kwatanwa17)

⚠️ Pushed to main

• skip ci (@kwatanwa17)

Authors: 1

• Keita Watanabe (@kwatanwa17)