diff --git a/.storybook/DocsTheme.js b/.storybook/DocsTheme.js
new file mode 100644
index 0000000..e6e3ddf
--- /dev/null
+++ b/.storybook/DocsTheme.js
@@ -0,0 +1,8 @@
+import { create } from '@storybook/theming';
+
+export default create({
+  base: 'light',
+  brandTitle: 'webqueue2 Front End Docs',
+  brandUrl: 'https://engineering.purdue.edu/webqueue/webqueue2/build',
+  brandImage: 'https://github.itap.purdue.edu/ECN/webqueue2-frontend/blob/master/public/logo192.png?raw=true',
+});
\ No newline at end of file
diff --git a/.storybook/manager.js b/.storybook/manager.js
new file mode 100644
index 0000000..470c222
--- /dev/null
+++ b/.storybook/manager.js
@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons';
+import DocsTheme from './DocsTheme';
+
+addons.setConfig({
+  theme: DocsTheme,
+});
\ No newline at end of file