Themed Storybook for core too

plone · Mar 23, 2024 · 74778dc · 74778dc
1 parent 807ada1
commit 74778dc
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 5 deletions.
diff --git a/packages/volto/.storybook/Logo.svg b/packages/volto/.storybook/Logo.svg
diff --git a/packages/volto/.storybook/manager.js b/packages/volto/.storybook/manager.js
@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import theme from './theme';
+
+addons.setConfig({
+  theme,
+});
diff --git a/packages/volto/.storybook/theme.ts b/packages/volto/.storybook/theme.ts
@@ -0,0 +1,10 @@
+import { create } from '@storybook/theming/create';
+import logo from './Logo.svg';
+
+export default create({
+  base: 'light',
+  brandTitle: '@plone/volto StoryBook',
+  brandUrl: 'https://docs.plone.org/storybook/',
+  brandImage: logo,
+  brandTarget: '_self',
+});
diff --git a/packages/volto/package.json b/packages/volto/package.json
@@ -295,6 +295,7 @@
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/react": "^8.0.4",
     "@storybook/react-webpack5": "^8.0.4",
+    "@storybook/theming": "^8.0.4",
     "@testing-library/cypress": "10.0.1",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/react": "14.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml