Initial commit: silicondeck/shadcn-dashboard-landing-template (nextjs-version) + CLAUDE.md
- Next.js 16.1.1 + React 19.2.3 + Tailwind v4 + shadcn/ui v3 - Template scaffold (App Router with (auth)/(dashboard)/landing route groups) - pnpm v10 lockfile - CLAUDE.md describing multi-tenant Appwrite architecture, 8 modules, Gitea+Coolify deploy
This commit is contained in:
kovakmedya
@@ -0,0 +1,697 @@
|
||||
import type { ThemePreset } from "../types/theme";
|
||||
|
||||
export const shadcnThemePresets: Record<string, ThemePreset> = {
|
||||
"default": {
|
||||
label: "Default",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "oklch(0.205 0 0)",
|
||||
"primary-foreground": "oklch(0.985 0 0)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "oklch(0.708 0 0)",
|
||||
"chart-1": "oklch(0.646 0.222 41.116)",
|
||||
"chart-2": "oklch(0.6 0.118 184.704)",
|
||||
"chart-3": "oklch(0.398 0.07 227.392)",
|
||||
"chart-4": "oklch(0.828 0.189 84.429)",
|
||||
"chart-5": "oklch(0.769 0.188 70.08)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "oklch(0.922 0 0)",
|
||||
"primary-foreground": "oklch(0.205 0 0)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "oklch(0.556 0 0)",
|
||||
"chart-1": "oklch(0.488 0.243 264.376)",
|
||||
"chart-2": "oklch(0.696 0.17 162.48)",
|
||||
"chart-3": "oklch(0.769 0.188 70.08)",
|
||||
"chart-4": "oklch(0.627 0.265 303.9)",
|
||||
"chart-5": "oklch(0.645 0.246 16.439)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"blue": {
|
||||
label: "Blue",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-blue-600)",
|
||||
"primary-foreground": "var(--color-blue-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-blue-400)",
|
||||
"chart-1": "var(--color-blue-500)",
|
||||
"chart-2": "var(--color-blue-600)",
|
||||
"chart-3": "var(--color-blue-700)",
|
||||
"chart-4": "var(--color-blue-800)",
|
||||
"chart-5": "var(--color-blue-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-blue-500)",
|
||||
"primary-foreground": "var(--color-blue-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-blue-900)",
|
||||
"chart-1": "var(--color-blue-400)",
|
||||
"chart-2": "var(--color-blue-500)",
|
||||
"chart-3": "var(--color-blue-600)",
|
||||
"chart-4": "var(--color-blue-700)",
|
||||
"chart-5": "var(--color-blue-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"green": {
|
||||
label: "Green",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-lime-600)",
|
||||
"primary-foreground": "var(--color-lime-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-lime-400)",
|
||||
"chart-1": "var(--color-lime-500)",
|
||||
"chart-2": "var(--color-lime-600)",
|
||||
"chart-3": "var(--color-lime-700)",
|
||||
"chart-4": "var(--color-lime-800)",
|
||||
"chart-5": "var(--color-lime-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-lime-500)",
|
||||
"primary-foreground": "var(--color-lime-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-lime-900)",
|
||||
"chart-1": "var(--color-lime-400)",
|
||||
"chart-2": "var(--color-lime-500)",
|
||||
"chart-3": "var(--color-lime-600)",
|
||||
"chart-4": "var(--color-lime-700)",
|
||||
"chart-5": "var(--color-lime-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"red": {
|
||||
label: "Red",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-red-600)",
|
||||
"primary-foreground": "var(--color-red-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-red-400)",
|
||||
"chart-1": "var(--color-red-500)",
|
||||
"chart-2": "var(--color-red-600)",
|
||||
"chart-3": "var(--color-red-700)",
|
||||
"chart-4": "var(--color-red-800)",
|
||||
"chart-5": "var(--color-red-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-red-500)",
|
||||
"primary-foreground": "var(--color-red-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-red-900)",
|
||||
"chart-1": "var(--color-red-400)",
|
||||
"chart-2": "var(--color-red-500)",
|
||||
"chart-3": "var(--color-red-600)",
|
||||
"chart-4": "var(--color-red-700)",
|
||||
"chart-5": "var(--color-red-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"rose": {
|
||||
label: "Rose",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-rose-600)",
|
||||
"primary-foreground": "var(--color-rose-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-rose-400)",
|
||||
"chart-1": "var(--color-rose-500)",
|
||||
"chart-2": "var(--color-rose-600)",
|
||||
"chart-3": "var(--color-rose-700)",
|
||||
"chart-4": "var(--color-rose-800)",
|
||||
"chart-5": "var(--color-rose-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-rose-500)",
|
||||
"primary-foreground": "var(--color-rose-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-rose-900)",
|
||||
"chart-1": "var(--color-rose-400)",
|
||||
"chart-2": "var(--color-rose-500)",
|
||||
"chart-3": "var(--color-rose-600)",
|
||||
"chart-4": "var(--color-rose-700)",
|
||||
"chart-5": "var(--color-rose-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"orange": {
|
||||
label: "Orange",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-orange-600)",
|
||||
"primary-foreground": "var(--color-orange-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-orange-400)",
|
||||
"chart-1": "var(--color-orange-500)",
|
||||
"chart-2": "var(--color-orange-600)",
|
||||
"chart-3": "var(--color-orange-700)",
|
||||
"chart-4": "var(--color-orange-800)",
|
||||
"chart-5": "var(--color-orange-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-orange-500)",
|
||||
"primary-foreground": "var(--color-orange-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-orange-900)",
|
||||
"chart-1": "var(--color-orange-400)",
|
||||
"chart-2": "var(--color-orange-500)",
|
||||
"chart-3": "var(--color-orange-600)",
|
||||
"chart-4": "var(--color-orange-700)",
|
||||
"chart-5": "var(--color-orange-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"yellow": {
|
||||
label: "Yellow",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-yellow-400)",
|
||||
"primary-foreground": "var(--color-yellow-900)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-yellow-400)",
|
||||
"chart-1": "var(--color-yellow-500)",
|
||||
"chart-2": "var(--color-yellow-600)",
|
||||
"chart-3": "var(--color-yellow-700)",
|
||||
"chart-4": "var(--color-yellow-800)",
|
||||
"chart-5": "var(--color-yellow-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-yellow-500)",
|
||||
"primary-foreground": "var(--color-yellow-900)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-yellow-900)",
|
||||
"chart-1": "var(--color-yellow-400)",
|
||||
"chart-2": "var(--color-yellow-500)",
|
||||
"chart-3": "var(--color-yellow-600)",
|
||||
"chart-4": "var(--color-yellow-700)",
|
||||
"chart-5": "var(--color-yellow-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"violet": {
|
||||
label: "Violet",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-violet-600)",
|
||||
"primary-foreground": "var(--color-violet-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-violet-400)",
|
||||
"chart-1": "var(--color-violet-500)",
|
||||
"chart-2": "var(--color-violet-600)",
|
||||
"chart-3": "var(--color-violet-700)",
|
||||
"chart-4": "var(--color-violet-800)",
|
||||
"chart-5": "var(--color-violet-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-violet-500)",
|
||||
"primary-foreground": "var(--color-violet-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-violet-900)",
|
||||
"chart-1": "var(--color-violet-400)",
|
||||
"chart-2": "var(--color-violet-500)",
|
||||
"chart-3": "var(--color-violet-600)",
|
||||
"chart-4": "var(--color-violet-700)",
|
||||
"chart-5": "var(--color-violet-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"amber": {
|
||||
label: "Amber",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-amber-600)",
|
||||
"primary-foreground": "var(--color-amber-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-amber-400)",
|
||||
"chart-1": "var(--color-amber-500)",
|
||||
"chart-2": "var(--color-amber-600)",
|
||||
"chart-3": "var(--color-amber-700)",
|
||||
"chart-4": "var(--color-amber-800)",
|
||||
"chart-5": "var(--color-amber-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-amber-500)",
|
||||
"primary-foreground": "var(--color-amber-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-amber-900)",
|
||||
"chart-1": "var(--color-amber-400)",
|
||||
"chart-2": "var(--color-amber-500)",
|
||||
"chart-3": "var(--color-amber-600)",
|
||||
"chart-4": "var(--color-amber-700)",
|
||||
"chart-5": "var(--color-amber-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"purple": {
|
||||
label: "Purple",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-purple-600)",
|
||||
"primary-foreground": "var(--color-purple-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-purple-400)",
|
||||
"chart-1": "var(--color-purple-500)",
|
||||
"chart-2": "var(--color-purple-600)",
|
||||
"chart-3": "var(--color-purple-700)",
|
||||
"chart-4": "var(--color-purple-800)",
|
||||
"chart-5": "var(--color-purple-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-purple-500)",
|
||||
"primary-foreground": "var(--color-purple-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-purple-900)",
|
||||
"chart-1": "var(--color-purple-400)",
|
||||
"chart-2": "var(--color-purple-500)",
|
||||
"chart-3": "var(--color-purple-600)",
|
||||
"chart-4": "var(--color-purple-700)",
|
||||
"chart-5": "var(--color-purple-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
},
|
||||
"teal": {
|
||||
label: "Teal",
|
||||
styles: {
|
||||
light: {
|
||||
background: "oklch(1 0 0)",
|
||||
foreground: "oklch(0.145 0 0)",
|
||||
card: "oklch(1 0 0)",
|
||||
"card-foreground": "oklch(0.145 0 0)",
|
||||
popover: "oklch(1 0 0)",
|
||||
"popover-foreground": "oklch(0.145 0 0)",
|
||||
primary: "var(--color-teal-600)",
|
||||
"primary-foreground": "var(--color-teal-50)",
|
||||
secondary: "oklch(0.97 0 0)",
|
||||
"secondary-foreground": "oklch(0.205 0 0)",
|
||||
muted: "oklch(0.97 0 0)",
|
||||
"muted-foreground": "oklch(0.556 0 0)",
|
||||
accent: "oklch(0.97 0 0)",
|
||||
"accent-foreground": "oklch(0.205 0 0)",
|
||||
destructive: "oklch(0.577 0.245 27.325)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(0.922 0 0)",
|
||||
input: "oklch(0.922 0 0)",
|
||||
ring: "var(--color-teal-400)",
|
||||
"chart-1": "var(--color-teal-500)",
|
||||
"chart-2": "var(--color-teal-600)",
|
||||
"chart-3": "var(--color-teal-700)",
|
||||
"chart-4": "var(--color-teal-800)",
|
||||
"chart-5": "var(--color-teal-900)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
},
|
||||
dark: {
|
||||
background: "oklch(0.145 0 0)",
|
||||
foreground: "oklch(0.985 0 0)",
|
||||
card: "oklch(0.205 0 0)",
|
||||
"card-foreground": "oklch(0.985 0 0)",
|
||||
popover: "oklch(0.269 0 0)",
|
||||
"popover-foreground": "oklch(0.985 0 0)",
|
||||
primary: "var(--color-teal-500)",
|
||||
"primary-foreground": "var(--color-teal-50)",
|
||||
secondary: "oklch(0.269 0 0)",
|
||||
"secondary-foreground": "oklch(0.985 0 0)",
|
||||
muted: "oklch(0.269 0 0)",
|
||||
"muted-foreground": "oklch(0.708 0 0)",
|
||||
accent: "oklch(0.371 0 0)",
|
||||
"accent-foreground": "oklch(0.985 0 0)",
|
||||
destructive: "oklch(0.704 0.191 22.216)",
|
||||
"destructive-foreground": "oklch(0.98 0 0)",
|
||||
border: "oklch(1 0 0 / 10%)",
|
||||
input: "oklch(1 0 0 / 15%)",
|
||||
ring: "var(--color-teal-900)",
|
||||
"chart-1": "var(--color-teal-400)",
|
||||
"chart-2": "var(--color-teal-500)",
|
||||
"chart-3": "var(--color-teal-600)",
|
||||
"chart-4": "var(--color-teal-700)",
|
||||
"chart-5": "var(--color-teal-800)",
|
||||
radius: "0.625rem",
|
||||
"font-sans": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
|
||||
"font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user