diff --git a/web/.storybook/preview.js b/web/.storybook/preview.js
index e882fca84..ffdc47805 100644
--- a/web/.storybook/preview.js
+++ b/web/.storybook/preview.js
@@ -2,6 +2,7 @@ import '../styles/variables.css';
 import '../styles/global.less';
 import '../styles/theme.less';
 import '../stories/preview.scss';
+import { themes } from '@storybook/theming';
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -11,4 +12,17 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  darkMode: {
+    current: 'dark',
+    // Override the default dark theme
+    dark: {
+      ...themes.dark,
+      appBg: '#171523',
+      brandImage: 'https://owncast.online/images/logo.svg',
+      brandTitle: 'Owncast',
+      brandUrl: 'https://owncast.online',
+    },
+    // Override the default light theme
+    light: { ...themes.normal },
+  },
 };