diff --git a/.husky/pre-commit b/.husky/pre-commit
index 532fa1f84..d0a778429 100644
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,2 +1 @@
-npm run tokens-to-css
 npx lint-staged
\ No newline at end of file
diff --git a/.storybook/manager.ts b/.storybook/manager.ts
new file mode 100644
index 000000000..3e931eb70
--- /dev/null
+++ b/.storybook/manager.ts
@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api'
+import customTheme from './theme'
+
+addons.setConfig({
+  theme: customTheme,
+})
diff --git a/.storybook/theme.ts b/.storybook/theme.ts
new file mode 100644
index 000000000..7c91f4ca7
--- /dev/null
+++ b/.storybook/theme.ts
@@ -0,0 +1,16 @@
+import { create } from '@storybook/theming'
+import { LightTheme } from '../design/LightTheme'
+
+export default create({
+  base: 'light',
+  colorPrimary: LightTheme.token.colorPrimary,
+  colorSecondary: LightTheme.token.colorPrimaryText,
+  appBg: LightTheme.token.colorPrimaryBgHover,
+  appContentBg: LightTheme.token.colorPrimaryBg,
+  textColor: LightTheme.token.colorText,
+  textInverseColor: LightTheme.token.colorTextQuaternary,
+  brandTitle: 'Aquarium',
+  brandImage:
+    'https://raw.githubusercontent.com/mParticle/aquarium/3abc3b71916ab5a7db3c4f93e06ad2bd5845e1bf/src/assets/svg/mp-logo-wordmark.svg',
+  brandUrl: 'https://github.com/mParticle/aquarium/',
+})