mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-25 11:59:11 +00:00
Katalina
89f237cf22
* feat(design-system): pre-port of roleypoly/ui * feat(design-system): port molecules * chore(design-system): prettier * feat(design-system): add intro card and MDX components * fix(common/utils): hack fixtures test data moved to design-system, update accordingly * chore: document protoReflection.ts * fix(design-system): some molecules missed the magic fuckery * ci: keep going on bazel test failures * fix(design-system): server masthead molecule missed the magic fuckery * chore: fix ts paths * chore: fix docker publisher * chore: fix docker publisher names * chore(discord-bot): fix publisher * chore(discord-bot): fix publisher
34 lines
855 B
JavaScript
34 lines
855 B
JavaScript
import { create } from '@storybook/theming';
|
|
import { palette } from '../src/design-system/atoms/colors';
|
|
|
|
export const roleypolyTheme = create({
|
|
base: 'dark',
|
|
|
|
colorPrimary: palette.green400,
|
|
colorSecondary: palette.taupe200,
|
|
|
|
// UI
|
|
appBg: palette.taupe300,
|
|
appContentBg: palette.taupe200,
|
|
appBorderColor: palette.taupe100,
|
|
appBorderRadius: 0,
|
|
|
|
// Typography
|
|
fontBase: 'system-ui, sans-serif',
|
|
fontCode: 'monospace',
|
|
|
|
// Text colors
|
|
textColor: palette.grey600,
|
|
textInverseColor: palette.grey100,
|
|
|
|
// Toolbar default and active colors
|
|
barTextColor: palette.taupe500,
|
|
barSelectedColor: palette.taupe600,
|
|
barBg: palette.taupe100,
|
|
|
|
// Form colors
|
|
inputBg: 'rgba(0,0,0,0.24)',
|
|
inputBorder: palette.taupe100,
|
|
inputTextColor: palette.grey600,
|
|
inputBorderRadius: 0,
|
|
});
|