theme-o-rama
Version:
A TypeScript library for dynamic theme management in react + shadcn + tailwind applications
55 lines (54 loc) • 2.05 kB
JSON
{
"name": "light",
"displayName": "Light",
"mostLike": "light",
"schemaVersion": 1,
"colors": {
"background": "hsl(0 0% 100%)",
"foreground": "hsl(0 0% 3.9%)",
"card": "hsl(0 0% 98%)",
"cardForeground": "hsl(0 0% 3.9%)",
"popover": "hsl(0 0% 100%)",
"popoverForeground": "hsl(0 0% 3.9%)",
"primary": "hsl(0 0% 9%)",
"primaryForeground": "hsl(0 0% 98%)",
"secondary": "hsl(0 0% 96.1%)",
"secondaryForeground": "hsl(0 0% 9%)",
"muted": "hsl(0 0% 96.1%)",
"mutedForeground": "hsl(0 0% 45.1%)",
"accent": "hsl(0 0% 96.1%)",
"accentForeground": "hsl(0 0% 9%)",
"destructive": "hsl(0 84.2% 60.2%)",
"destructiveForeground": "hsl(0 0% 98%)",
"border": "hsl(0 0% 89.8%)",
"input": "hsl(0 0% 89.8%)",
"inputBackground": "hsl(0 0% 100%)",
"ring": "hsl(0 0% 3.9%)"
},
"fonts": {
"sans": "Inter, system-ui, sans-serif",
"serif": "Georgia, serif",
"mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
"heading": "Inter, system-ui, sans-serif",
"body": "Inter, system-ui, sans-serif"
},
"corners": {
"none": "0px",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"full": "9999px"
},
"shadows": {
"none": "none",
"sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
"inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
"card": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"button": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"dropdown": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
}
}