diff --git a/.storybook/main.js b/.storybook/main.js
index a591718..f073993 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -5,7 +5,8 @@ const config = {
 		'@storybook/addon-svelte-csf',
 		'@storybook/addon-essentials',
 		'@chromatic-com/storybook',
-		'@storybook/addon-interactions'
+		'@storybook/addon-interactions',
+		'storybook-dark-mode'
 	],
 	framework: {
 		name: '@storybook/sveltekit',
diff --git a/bun.lockb b/bun.lockb
index 285317c..4841c93 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 55487a1..e7b9a73 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
 		"vitest": "^2.0.4"
 	},
 	"dependencies": {
-		"@tailwindcss/typography": "^0.5.15"
+		"@tailwindcss/typography": "^0.5.15",
+		"storybook-dark-mode": "^4.0.2"
 	}
 }