diff --git a/.storybook/manager.js b/.storybook/manager.js
new file mode 100644
index 0000000..788b6dc
--- /dev/null
+++ b/.storybook/manager.js
@@ -0,0 +1,6 @@
+import {addons} from "@storybook/manager-api"
+import npui_theme from "./npui_theme"
+
+addons.setConfig({
+    theme : npui_theme
+})
\ No newline at end of file
diff --git a/.storybook/npui_theme.js b/.storybook/npui_theme.js
new file mode 100644
index 0000000..5b4f58b
--- /dev/null
+++ b/.storybook/npui_theme.js
@@ -0,0 +1,39 @@
+import { create } from "@storybook/theming";
+
+export default create({
+  base: 'light',
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Brand
+  brandTitle: "NPUI",
+  brandTarget: "_blank",
+  brandUrl: "https://nextproduction.dev/npui",
+  // brandImage: '@/public/npui_logo.png',
+
+  // Colors
+  colorPrimary: '#3A10E5',
+  colorSecondary: '#585C6D',
+
+  // UI
+  appBg: '#ffffff',
+  appContentBg: '#ffffff',
+  appPreviewBg: '#ffffff',
+
+  // Text colors
+  textColor: '#10162F',
+  textInverseColor: '#ffffff',
+
+  // Toolbar default and active colors
+  barTextColor: '#9E9E9E',
+  barSelectedColor: '#585C6D',
+  barHoverColor: '#585C6D',
+  barBg: '#ffffff',
+
+  // Form colors
+  inputBg: '#ffffff',
+  inputTextColor: '#10162F',
+
+  
+});