@typeweave/plugin
Version:
For in-depth documentation, visit: [typeweave docs](https://typeweave.vercel.app)
35 lines (34 loc) • 1.23 kB
JavaScript
import * as colors from '@radix-ui/colors';
import { createColorScale } from './utils';
const lightMuted = colors.gray;
const lightBg = '#ffffff';
export const lightThemeColors = {
background: lightBg,
foreground: lightMuted.gray11,
primary: createColorScale(colors.violet),
secondary: createColorScale(colors.plum),
success: createColorScale(colors.green),
warning: createColorScale(colors.orange),
danger: createColorScale(colors.red),
info: createColorScale(colors.blue),
muted: createColorScale(lightMuted),
overlay: colors.blackA.blackA6,
focus: colors.blue.blue7,
paper: lightBg,
};
const darkMuted = colors.grayDark;
const darkBg = colors.grayDark.gray1;
export const darkThemeColors = {
background: darkBg,
foreground: darkMuted.gray11,
primary: createColorScale(colors.violetDark),
secondary: createColorScale(colors.plumDark),
success: createColorScale(colors.greenDark),
warning: createColorScale(colors.orangeDark),
danger: createColorScale(colors.redDark),
info: createColorScale(colors.blueDark),
muted: createColorScale(darkMuted),
overlay: colors.blackA.blackA3,
focus: colors.blueDark.blue7,
paper: darkMuted.gray5,
};