Match storybook preview with theme

iddan · Apr 27, 2023 · e2ba648 · e2ba648
1 parent 47b9a5f
commit e2ba648
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,7 +1,18 @@
 import type { Preview } from "@storybook/react";
 
+// function to get user dark mode
+const getDarkMode = () => {
+  if (typeof window !== "undefined") {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+  }
+  return false;
+};
+
 const preview: Preview = {
   parameters: {
+    backgrounds: {
+      default: getDarkMode() ? "dark" : "light",
+    },
     actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {