@artsy/palette-tokens
Version:
The design tokens for Artsy's palette
71 lines (70 loc) • 1.69 kB
TypeScript
export declare const THEME_DARK: {
id: string;
name: string;
colors: {
mono100: string;
mono60: string;
mono30: string;
mono15: string;
mono10: string;
mono5: string;
mono0: string;
blue200: string;
blue150: string;
blue100: string;
brand: string;
blue15: string;
blue10: string;
green150: string;
green100: string;
green10: string;
yellow150: string; /** Shadow to drop under text to improve legibility when over images */
yellow100: string;
yellow10: string;
orange150: string;
orange100: string;
orange10: string;
red150: string;
red100: string;
red50: string;
red10: string;
};
effects: {
dropShadow: string;
innerShadow: string;
flatShadow: string;
textShadow: string;
overlayGradient: string;
fadeRight: string;
backdrop: string;
};
breakpoints: string[] & {
lg: string;
md: string;
sm: string;
xs: string;
};
fonts: {
sans: string;
};
mediaQueries: {
lg: string;
md: string;
sm: string;
xs: string;
hover: string;
};
grid: {
breakpoints: {};
};
space: {
0.5: string;
half: string;
1: string;
2: string;
4: string;
6: string;
12: string;
};
textVariants: Record<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", import("../typography/v3").TextTreatment>;
};