Fix dark mode on storybook
This commit is contained in:
31
web/.storybook/storybook-theme.js
Normal file
31
web/.storybook/storybook-theme.js
Normal 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>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user