penpot/frontend/.storybook/preview.js

/** @type { import('@storybook/react').Preview } */
const preview = {
  parameters: {
    actions: { argTypesRegex: "^on[A-Z].*" },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    backgrounds: {
      default: "dark",
      values: [
        {
          name: "dark",
          value: "#18181a",
        },
        {
          name: "light",
          value: "#fff",
        },
        {
          name: "debug",
          value: "#ccc",
        },
      ],
    },
  },
};

export default preview;