Files
shadcn-ui/apps/v4/lib/themes.ts
shadcn f1dd9c6903 feat: update dark mode colors (#6903)
* feat: update dark colors

* feat(v4): update dark mode colors

* fix

* fix

* fix: slate and stone mismatches

* feat(v4): update skeleton and switch colors

* feat(v4): add dashboard example

* fix(v4): update dashboard components

* fix: themes

* feat: update sonner

* feat(v4): update dashboard buttons

* fix: test new colors

* fix: build commands

* feat(v4): more color updates

* feat(v4): update theme selector

* fix(v4): minor component fixes
2025-03-13 13:06:08 +04:00

76 lines
1.3 KiB
TypeScript

export const THEMES = [
{
name: "Default",
value: "default",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.145 0 0)",
},
},
{
name: "Neutral",
value: "neutral",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.145 0 0)",
},
},
{
name: "Stone",
value: "stone",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.147 0.004 49.25)",
},
},
{
name: "Zinc",
value: "zinc",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.141 0.005 285.823)",
},
},
{
name: "Gray",
value: "gray",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.13 0.028 261.692)",
},
},
{
name: "Slate",
value: "slate",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.129 0.042 264.695)",
},
},
{
name: "Blue",
value: "blue",
colors: {
light: "oklch(0.488 0.243 264.376)",
dark: "oklch(0.488 0.243 264.376)",
},
},
{
name: "Lime",
value: "lime",
colors: {
light: "oklch(0.532 0.157 131.589)",
dark: "oklch(0.532 0.157 131.589)",
},
},
{
name: "Small",
value: "small",
colors: {
light: "oklch(1 0 0)",
dark: "oklch(0.145 0 0)",
},
},
]
export type Theme = (typeof THEMES)[number]