From 03331c44276ec56e9f235e4d5ee75030455a753f Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 19 Sep 2023 15:47:08 +0200 Subject: build(deps): bump all dependencies * MDX type has changed so some components props had to be updated * Since Storybook now supports TS, I renamed the main/preview files --- .storybook/themes/dark.ts | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 .storybook/themes/dark.ts (limited to '.storybook/themes/dark.ts') diff --git a/.storybook/themes/dark.ts b/.storybook/themes/dark.ts new file mode 100644 index 0000000..e23703b --- /dev/null +++ b/.storybook/themes/dark.ts @@ -0,0 +1,37 @@ +import { create } from '@storybook/theming'; +import { brand, fontFamilies } from './common'; + +const colors = { + black: 'hsl(208, 25%, 11%)', + blackBright: 'hsl(208, 21%, 15%)', + blue: 'hsl(200, 50%, 68%)', + blueBright: 'hsl(200, 55%, 70%)', + grey: 'hsl(208, 10%, 70%)', + greyDark: 'hsl(208, 20%, 25%)', + greyDarker: 'hsl(208, 18%, 20%)', + white: 'hsl(208, 25%, 92%)', + whiteDark: 'hsl(206, 20%, 93%)', +}; + +export default create({ + base: 'dark', + brandTitle: brand.title, + colorPrimary: colors.blue, + colorSecondary: colors.blueBright, + appBg: colors.black, + appContentBg: colors.black, + appBorderColor: colors.greyDark, + appBorderRadius: 3, + fontBase: fontFamilies.primary, + fontCode: fontFamilies.mono, + textColor: colors.white, + textInverseColor: colors.black, + textMutedColor: colors.grey, + barTextColor: colors.white, + barSelectedColor: colors.blueBright, + barBg: colors.blackBright, + inputBg: colors.greyDarker, + inputBorder: colors.greyDark, + inputTextColor: colors.white, + inputBorderRadius: 0, +}); -- cgit v1.2.3