docs(storybook): added theme to storybook

coradion · Sep 22, 2022 · f7e1f7d · f7e1f7d
1 parent 6f945e5
commit f7e1f7d
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 1 deletion.
diff --git a/.storybook/manager.js b/.storybook/manager.js
@@ -0,0 +1,6 @@
+import { addons } from "@storybook/addons";
+import { theme } from "./theme";
+
+addons.setConfig({
+  theme,
+});
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,3 +1,6 @@
+import { theme } from "./theme";
+import { Theme } from "../libs/Theme";
+
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
@@ -6,4 +9,14 @@ export const parameters = {
       date: /Date$/,
     },
   },
-}
+  layout: "centered",
+  docs: { theme },
+};
+
+export const decorators = [
+  (Story) => (
+    <Theme>
+      <Story />
+    </Theme>
+  ),
+];
diff --git a/.storybook/theme.js b/.storybook/theme.js
@@ -0,0 +1,9 @@
+import { create } from "@storybook/theming";
+
+export const theme = create({
+  base: "dark",
+  brandTitle: "Coradion",
+  brandUrl: "https://coradion.com",
+  brandImage: "https://place-hold.it/350x150",
+  brandTarget: "_blank",
+});