feat(ui/storybook-host): add custom background colors

cuhacking · Sep 14, 2024 · 30b746f · 30b746f
1 parent f6c7230
commit 30b746f
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/libs/storybook-host/.storybook/preview.tsx b/libs/storybook-host/.storybook/preview.tsx
@@ -27,6 +27,29 @@ const preview: Preview = {
         ...customViewports,
       },
     },
+    // https://storybook.js.org/docs/essentials/backgrounds
+    backgrounds: {
+      // disable: true,
+      // default: 'twitter',
+      values: [
+        {
+          name: 'twitter',
+          value: '#00aced',
+        },
+        {
+          name: 'facebook',
+          value: '#3b5998',
+        },
+      ],
+      grid: {
+        // disable: true,
+        // cellSize: 20,
+        // opacity: 0.5,
+        // cellAmount: 5,
+        // offsetX: 16, // Default is 0 if story has 'fullscreen' layout, 16 if layout is 'padded'
+        // offsetY: 16, // Default is 0 if story has 'fullscreen' layout, 16 if layout is 'padded'
+      },
+    },
   },
 }