@primer/react
Version:
An implementation of GitHub's Primer Design System using React
93 lines (92 loc) • 1.87 kB
TypeScript
import theme from './theme-preval';
import { KeyPaths } from './utils/types/KeyPaths';
export default theme;
type ThemeColors = {
fg: {
default: string;
muted: string;
subtle: string;
onEmphasis: string;
};
canvas: {
default: string;
overlay: string;
inset: string;
subtle: string;
};
border: {
default: string;
muted: string;
subtle: string;
};
neutral: {
emphasisPlus: string;
emphasis: string;
muted: string;
subtle: string;
};
accent: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
success: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
attention: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
severe: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
danger: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
open: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
closed: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
done: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
sponsors: {
fg: string;
emphasis: string;
muted: string;
subtle: string;
};
};
type ThemeShadows = {
shadow: {
small: string;
medium: string;
large: string;
extraLarge: string;
};
};
export type ThemeColorPaths = KeyPaths<ThemeColors>;
export type ThemeShadowPaths = KeyPaths<ThemeShadows>;