theme-o-rama
Version:
A TypeScript library for dynamic theme management in react + shadcn + tailwind applications
52 lines (51 loc) • 1.82 kB
JSON
{
"name": "dark",
"displayName": "Dark",
"inherits": "light",
"mostLike": "dark",
"schemaVersion": 1,
"colors": {
"background": "hsl(0 0% 3.9%)",
"foreground": "hsl(0 0% 98%)",
"card": "hsl(0 0% 8%)",
"cardForeground": "hsl(0 0% 98%)",
"popover": "hsl(0 0% 8%)",
"popoverForeground": "hsl(0 0% 98%)",
"primary": "hsl(0 0% 98%)",
"primaryForeground": "hsl(0 0% 9%)",
"secondary": "hsl(0 0% 14.9%)",
"secondaryForeground": "hsl(0 0% 98%)",
"muted": "hsl(0 0% 14.9%)",
"mutedForeground": "hsl(0 0% 63.9%)",
"accent": "hsl(0 0% 14.9%)",
"accentForeground": "hsl(0 0% 98%)",
"destructive": "hsl(0 62.8% 30.6%)",
"destructiveForeground": "hsl(0 0% 98%)",
"border": "hsl(0 0% 14.9%)",
"input": "hsl(0 0% 14.9%)",
"inputBackground": "hsl(0 0% 14.9%)",
"ring": "hsl(0 0% 83.1%)"
},
"shadows": {
"none": "none",
"sm": "0 1px 2px 0 rgb(0 0 0 / 0.1)",
"md": "0 4px 6px -1px rgb(0 0 0 / 0.2), 0 2px 4px -2px rgb(0 0 0 / 0.2)",
"lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.2)",
"xl": "0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.2)",
"inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.1)",
"card": "0 2px 8px 0 rgb(0 0 0 / 0.2), 0 1px 3px -1px rgb(0 0 0 / 0.1)",
"button": "0 1px 2px 0 rgb(0 0 0 / 0.1)",
"dropdown": "0 4px 6px -1px rgb(0 0 0 / 0.2), 0 2px 4px -2px rgb(0 0 0 / 0.2)"
},
"switches": {
"checked": {
"background": "hsl(0 0% 90%)"
},
"unchecked": {
"background": "hsl(0 0% 20%)"
},
"thumb": {
"background": "hsl(0 0% 0%)"
}
}
}