mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-24 19:39:11 +00:00
34 lines
809 B
JavaScript
34 lines
809 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.taupe300,
|
|
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,
|
|
});
|