diff --git a/libs/web/shared/ui/.storybook/preview.tsx b/libs/web/shared/ui/.storybook/preview.tsx
index 3080fad..4efe01b 100644
--- a/libs/web/shared/ui/.storybook/preview.tsx
+++ b/libs/web/shared/ui/.storybook/preview.tsx
@@ -1,8 +1,13 @@
-import type { Parameters } from "storybook-framework-qwik";
+import type {
+  Parameters,
+  Preview,
+  QwikRenderer,
+} from "storybook-framework-qwik";
+import { withThemeByDataAttribute } from "@storybook/addon-themes";
 
 import "../src/styles.css";
 
-export const parameters: Parameters = {
+export const parameters = {
   a11y: {
     config: {},
     options: {
@@ -13,4 +18,19 @@ export const parameters: Parameters = {
   options: {
     showRoots: true,
   },
-};
+} satisfies Parameters;
+
+const preview = {
+  decorators: [
+    withThemeByDataAttribute<QwikRenderer<unknown>>({
+      attributeName: "data-mode",
+      themes: {
+        light: "light",
+        dark: "dark",
+      },
+      defaultTheme: "light",
+    }),
+  ],
+} satisfies Preview;
+
+export default preview;