Fix dark mode on storybook

This commit is contained in:
Gabe Kangas
2022-05-17 14:23:52 -07:00
parent b6aa20b0aa
commit 8ce045aa9a
2 changed files with 37 additions and 0 deletions

View File

@@ -0,0 +1,31 @@
import React from 'react';
import { DocsContainer as BaseContainer } from '@storybook/addon-docs/blocks';
import { useDarkMode } from 'storybook-dark-mode';
import { themes } from '@storybook/theming';
export const DocsContainer = ({ children, context }) => {
const dark = useDarkMode();
return (
<BaseContainer
context={{
...context,
storyById: id => {
const storyContext = context.storyById(id);
return {
...storyContext,
parameters: {
...storyContext?.parameters,
docs: {
...storyContext?.parameters?.docs,
theme: dark ? themes.dark : themes.light,
},
},
};
},
}}
>
{children}
</BaseContainer>
);
};