import type { ThemePreset } from "../types/theme"; export const shadcnThemePresets: Record = { "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", } } } };