1180 lines
47 KiB
TypeScript
1180 lines
47 KiB
TypeScript
import { ThemeConfig } from "./ThemeConfig";
|
|
|
|
// themes.css should have 2 classes: .theme-{name} and .dark.theme-{name}
|
|
export const defaultTheme = "blue";
|
|
|
|
// Theme configurations extracted from themes.css
|
|
export const themeConfigurations: Record<string, Partial<ThemeConfig>> = {
|
|
emerald: {
|
|
colors: {
|
|
background: "oklch(1 0 0)",
|
|
foreground: "oklch(0 0 0)",
|
|
card: "hsl(0 0% 100%)",
|
|
cardForeground: "hsl(240 10% 3.9%)",
|
|
popover: "oklch(0.9581 0 0)",
|
|
popoverForeground: "oklch(0.4386 0 0)",
|
|
primary: "oklch(0.7068 0.1441 159.3682)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "hsl(240 4.8% 95.9%)",
|
|
secondaryForeground: "hsl(240 5.9% 10%)",
|
|
muted: "hsl(240 4.8% 95.9%)",
|
|
mutedForeground: "hsl(240 3.8% 46.1%)",
|
|
accent: "oklch(0.9461 0 0)",
|
|
accentForeground: "oklch(0.2435 0 0)",
|
|
destructive: "hsl(0 84.2% 60.2%)",
|
|
destructiveForeground: "hsl(0 0% 98%)",
|
|
border: "hsl(240 5.9% 90%)",
|
|
input: "hsl(240 5.9% 90%)",
|
|
ring: "oklch(0.7139 0.1287 159.6364)",
|
|
sidebar: "oklch(0.9581 0 0)",
|
|
sidebarForeground: "oklch(0.4091 0 0)",
|
|
sidebarPrimary: "oklch(0.7768 0.1441 159.3682)",
|
|
sidebarPrimaryForeground: "oklch(0.2248 0.0084 169.5137)",
|
|
sidebarAccent: "oklch(0.9461 0 0)",
|
|
sidebarAccentForeground: "oklch(0.2435 0 0)",
|
|
sidebarBorder: "oklch(0.9067 0 0)",
|
|
sidebarRing: "oklch(0.7139 0.1287 159.6364)",
|
|
sidebarBackground: "oklch(0.9581 0 0)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0 0 0)",
|
|
foreground: "oklch(1 0 0)",
|
|
card: "oklch(0.1822 0 0)",
|
|
cardForeground: "oklch(1 0 0)",
|
|
popover: "oklch(0.1822 0 0)",
|
|
popoverForeground: "oklch(0.7348 0 0)",
|
|
primary: "oklch(0.3781 0.0762 160.602)",
|
|
primaryForeground: "oklch(0.7668 0.0271 165.4107)",
|
|
secondary: "hsl(240 3.7% 15.9%)",
|
|
secondaryForeground: "hsl(0 0% 98%)",
|
|
muted: "hsl(240 3.7% 15.9%)",
|
|
mutedForeground: "hsl(240 5% 64.9%)",
|
|
accent: "oklch(0.3132 0 0)",
|
|
accentForeground: "oklch(0.9851 0 0)",
|
|
destructive: "oklch(0.2656 0.0466 28.847)",
|
|
destructiveForeground: "oklch(0.7678 0.0123 37.4071)",
|
|
border: "oklch(0.3211 0 0)",
|
|
input: "oklch(0.1822 0 0)",
|
|
ring: "oklch(0.6504 0.1393 152.4227)",
|
|
sidebar: "oklch(0.1822 0 0)",
|
|
sidebarForeground: "oklch(0.6301 0 0)",
|
|
sidebarPrimary: "oklch(0.3781 0.0762 160.602)",
|
|
sidebarPrimaryForeground: "oklch(0.7668 0.0271 165.4107)",
|
|
sidebarAccent: "oklch(0.3132 0 0)",
|
|
sidebarAccentForeground: "oklch(0.9851 0 0)",
|
|
sidebarBorder: "oklch(0.3211 0 0)",
|
|
sidebarRing: "oklch(0.6504 0.1393 152.4227)",
|
|
sidebarBackground: "oklch(0.1822 0 0)",
|
|
},
|
|
radius: "0.6rem",
|
|
},
|
|
zinc: {
|
|
colors: {
|
|
background: "hsl(0 0% 100%)",
|
|
foreground: "hsl(240 10% 3.9%)",
|
|
muted: "hsl(240 4.8% 95.9%)",
|
|
mutedForeground: "hsl(240 3.8% 46.1%)",
|
|
popover: "hsl(0 0% 100%)",
|
|
popoverForeground: "hsl(240 10% 3.9%)",
|
|
card: "hsl(0 0% 100%)",
|
|
cardForeground: "hsl(240 10% 3.9%)",
|
|
border: "hsl(240 5.9% 90%)",
|
|
input: "hsl(240 5.9% 90%)",
|
|
primary: "hsl(240 5.9% 10%)",
|
|
primaryForeground: "hsl(0 0% 98%)",
|
|
secondary: "hsl(240 4.8% 95.9%)",
|
|
secondaryForeground: "hsl(240 5.9% 10%)",
|
|
accent: "hsl(240 4.8% 95.9%)",
|
|
accentForeground: "hsl(240 5.9% 10%)",
|
|
destructive: "hsl(0 84.2% 60.2%)",
|
|
destructiveForeground: "hsl(0 0% 98%)",
|
|
ring: "hsl(240 5.9% 10%)",
|
|
},
|
|
darkColors: {
|
|
background: "hsl(240 10% 3.9%)",
|
|
foreground: "hsl(0 0% 98%)",
|
|
muted: "hsl(240 3.7% 15.9%)",
|
|
mutedForeground: "hsl(240 5% 64.9%)",
|
|
popover: "hsl(240 10% 3.9%)",
|
|
popoverForeground: "hsl(0 0% 98%)",
|
|
card: "hsl(240 10% 3.9%)",
|
|
cardForeground: "hsl(0 0% 98%)",
|
|
border: "hsl(240 3.7% 15.9%)",
|
|
input: "hsl(240 3.7% 15.9%)",
|
|
primary: "hsl(0 0% 98%)",
|
|
primaryForeground: "hsl(240 5.9% 10%)",
|
|
secondary: "hsl(240 3.7% 15.9%)",
|
|
secondaryForeground: "hsl(0 0% 98%)",
|
|
accent: "hsl(240 3.7% 15.9%)",
|
|
accentForeground: "hsl(0 0% 98%)",
|
|
destructive: "hsl(0 62.8% 30.6%)",
|
|
destructiveForeground: "hsl(0 0% 98%)",
|
|
ring: "hsl(240 4.9% 83.9%)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
blue: {
|
|
colors: {
|
|
background: "hsl(0 0% 100%)",
|
|
foreground: "hsl(222.2 84% 4.9%)",
|
|
muted: "hsl(210 40% 96.1%)",
|
|
// Darkened from 46.9% to clear WCAG AA 4.5:1 (a11y); mirrors themes.css .theme-blue.
|
|
mutedForeground: "hsl(215.4 16.3% 43%)",
|
|
popover: "hsl(0 0% 100%)",
|
|
popoverForeground: "hsl(222.2 84% 4.9%)",
|
|
card: "hsl(0 0% 100%)",
|
|
cardForeground: "hsl(222.2 84% 4.9%)",
|
|
border: "hsl(214.3 31.8% 91.4%)",
|
|
input: "hsl(214.3 31.8% 91.4%)",
|
|
primary: "hsl(221.2 83.2% 53.3%)",
|
|
primaryForeground: "hsl(210 40% 98%)",
|
|
secondary: "hsl(210 40% 96.1%)",
|
|
secondaryForeground: "hsl(222.2 47.4% 11.2%)",
|
|
accent: "hsl(210 40% 96.1%)",
|
|
accentForeground: "hsl(222.2 47.4% 11.2%)",
|
|
// Darkened to red-600 (was 60.2%) for WCAG AA 4.5:1 (a11y); mirrors themes.css .theme-blue.
|
|
destructive: "hsl(0 72.2% 50.6%)",
|
|
destructiveForeground: "hsl(210 40% 98%)",
|
|
ring: "hsl(221.2 83.2% 53.3%)",
|
|
sidebar: "hsl(222.2 84% 4.9%)",
|
|
sidebarBackground: "hsl(217.2 32.6% 17.5%)",
|
|
sidebarForeground: "hsl(210 40% 98%)",
|
|
sidebarPrimary: "hsl(221.2 83.2% 53.3%)",
|
|
sidebarPrimaryForeground: "hsl(210 40% 98%)",
|
|
sidebarAccent: "hsl(210 40% 96.1%)",
|
|
sidebarAccentForeground: "hsl(222.2 47.4% 11.2%)",
|
|
sidebarBorder: "hsl(217.2 32.6% 17.5%)",
|
|
sidebarRing: "hsl(224.3 76.3% 48%)",
|
|
},
|
|
darkColors: {
|
|
background: "hsl(222.2 84% 4.9%)",
|
|
foreground: "hsl(210 40% 98%)",
|
|
muted: "hsl(217.2 32.6% 17.5%)",
|
|
mutedForeground: "hsl(215 20.2% 65.1%)",
|
|
popover: "hsl(222.2 84% 4.9%)",
|
|
popoverForeground: "hsl(210 40% 98%)",
|
|
card: "hsl(222.2 84% 4.9%)",
|
|
cardForeground: "hsl(210 40% 98%)",
|
|
border: "hsl(217.2 32.6% 17.5%)",
|
|
input: "hsl(217.2 32.6% 17.5%)",
|
|
primary: "hsl(217.2 91.2% 59.8%)",
|
|
primaryForeground: "hsl(222.2 47.4% 11.2%)",
|
|
secondary: "hsl(217.2 32.6% 17.5%)",
|
|
secondaryForeground: "hsl(210 40% 98%)",
|
|
accent: "hsl(217.2 32.6% 17.5%)",
|
|
accentForeground: "hsl(210 40% 98%)",
|
|
destructive: "hsl(0 62.8% 30.6%)",
|
|
destructiveForeground: "hsl(210 40% 98%)",
|
|
ring: "hsl(224.3 76.3% 48%)",
|
|
sidebar: "hsl(222.2 84% 4.9%)",
|
|
sidebarBackground: "hsl(217.2 32.6% 17.5%)",
|
|
sidebarForeground: "hsl(210 40% 98%)",
|
|
sidebarPrimary: "hsl(221.2 83.2% 53.3%)",
|
|
sidebarPrimaryForeground: "hsl(210 40% 98%)",
|
|
sidebarAccent: "hsl(210 40% 96.1%)",
|
|
sidebarAccentForeground: "hsl(222.2 47.4% 11.2%)",
|
|
sidebarBorder: "hsl(217.2 32.6% 17.5%)",
|
|
sidebarRing: "hsl(224.3 76.3% 48%)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
yellow: {
|
|
colors: {
|
|
background: "hsl(0 0% 100%)",
|
|
foreground: "hsl(20 14.3% 4.1%)",
|
|
muted: "hsl(60 4.8% 95.9%)",
|
|
mutedForeground: "hsl(25 5.3% 44.7%)",
|
|
popover: "hsl(0 0% 100%)",
|
|
popoverForeground: "hsl(20 14.3% 4.1%)",
|
|
card: "hsl(0 0% 100%)",
|
|
cardForeground: "hsl(20 14.3% 4.1%)",
|
|
border: "hsl(20 5.9% 90%)",
|
|
input: "hsl(20 5.9% 90%)",
|
|
primary: "hsl(47.9 95.8% 53.1%)",
|
|
primaryForeground: "hsl(26 83.3% 14.1%)",
|
|
secondary: "hsl(60 4.8% 95.9%)",
|
|
secondaryForeground: "hsl(24 9.8% 10%)",
|
|
accent: "hsl(60 4.8% 95.9%)",
|
|
accentForeground: "hsl(24 9.8% 10%)",
|
|
destructive: "hsl(0 84.2% 60.2%)",
|
|
destructiveForeground: "hsl(60 9.1% 97.8%)",
|
|
ring: "hsl(20 14.3% 4.1%)",
|
|
},
|
|
darkColors: {
|
|
background: "hsl(20 14.3% 4.1%)",
|
|
foreground: "hsl(60 9.1% 97.8%)",
|
|
muted: "hsl(20 10% 15%)",
|
|
mutedForeground: "hsl(25 5.3% 63.7%)",
|
|
popover: "hsl(20 14.3% 8%)",
|
|
popoverForeground: "hsl(60 9.1% 97.8%)",
|
|
card: "hsl(20 14.3% 8%)",
|
|
cardForeground: "hsl(60 9.1% 97.8%)",
|
|
border: "hsl(20 10% 20%)",
|
|
input: "hsl(20 10% 15%)",
|
|
primary: "hsl(47.9 95.8% 53.1%)",
|
|
primaryForeground: "hsl(26 83.3% 14.1%)",
|
|
secondary: "hsl(20 10% 18%)",
|
|
secondaryForeground: "hsl(60 9.1% 97.8%)",
|
|
accent: "hsl(45 80% 25%)",
|
|
accentForeground: "hsl(60 9.1% 97.8%)",
|
|
destructive: "hsl(0 62.8% 30.6%)",
|
|
destructiveForeground: "hsl(60 9.1% 97.8%)",
|
|
ring: "hsl(47.9 95.8% 53.1%)",
|
|
sidebar: "hsl(20 14.3% 8%)",
|
|
sidebarForeground: "hsl(60 9.1% 97.8%)",
|
|
sidebarPrimary: "hsl(47.9 95.8% 53.1%)",
|
|
sidebarPrimaryForeground: "hsl(26 83.3% 14.1%)",
|
|
sidebarAccent: "hsl(45 80% 25%)",
|
|
sidebarAccentForeground: "hsl(60 9.1% 97.8%)",
|
|
sidebarBorder: "hsl(20 10% 20%)",
|
|
sidebarRing: "hsl(47.9 95.8% 53.1%)",
|
|
sidebarBackground: "hsl(20 14.3% 8%)",
|
|
},
|
|
radius: "0.95rem",
|
|
},
|
|
violet: {
|
|
colors: {
|
|
background: "hsl(271 100% 95%)",
|
|
foreground: "hsl(271 5% 10%)",
|
|
card: "hsl(271 50% 90%)",
|
|
cardForeground: "hsl(271 5% 15%)",
|
|
popover: "hsl(271 100% 95%)",
|
|
popoverForeground: "hsl(271 100% 10%)",
|
|
primary: "hsl(271 91% 65.1%)",
|
|
primaryForeground: "hsl(0 0% 0%)",
|
|
secondary: "hsl(271 30% 70%)",
|
|
secondaryForeground: "hsl(0 0% 0%)",
|
|
muted: "hsl(233 30% 85%)",
|
|
mutedForeground: "hsl(271 5% 35%)",
|
|
accent: "hsl(233 30% 80%)",
|
|
accentForeground: "hsl(271 5% 15%)",
|
|
destructive: "hsl(0 100% 30%)",
|
|
destructiveForeground: "hsl(271 5% 90%)",
|
|
border: "hsl(271 30% 50%)",
|
|
input: "hsl(271 30% 26%)",
|
|
ring: "hsl(271 91% 65.1%)",
|
|
},
|
|
darkColors: {
|
|
background: "hsl(271 30% 8%)",
|
|
foreground: "hsl(271 10% 90%)",
|
|
card: "hsl(271 25% 12%)",
|
|
cardForeground: "hsl(271 10% 90%)",
|
|
popover: "hsl(271 25% 12%)",
|
|
popoverForeground: "hsl(271 10% 90%)",
|
|
primary: "hsl(271 91% 65.1%)",
|
|
primaryForeground: "hsl(0 0% 0%)",
|
|
secondary: "hsl(271 25% 20%)",
|
|
secondaryForeground: "hsl(271 10% 90%)",
|
|
muted: "hsl(271 20% 18%)",
|
|
mutedForeground: "hsl(271 10% 60%)",
|
|
accent: "hsl(271 40% 30%)",
|
|
accentForeground: "hsl(271 10% 90%)",
|
|
destructive: "hsl(0 62.8% 30.6%)",
|
|
destructiveForeground: "hsl(271 10% 90%)",
|
|
border: "hsl(271 25% 25%)",
|
|
input: "hsl(271 25% 18%)",
|
|
ring: "hsl(271 91% 65.1%)",
|
|
sidebar: "hsl(271 25% 12%)",
|
|
sidebarForeground: "hsl(271 10% 90%)",
|
|
sidebarPrimary: "hsl(271 91% 65.1%)",
|
|
sidebarPrimaryForeground: "hsl(0 0% 0%)",
|
|
sidebarAccent: "hsl(271 40% 30%)",
|
|
sidebarAccentForeground: "hsl(271 10% 90%)",
|
|
sidebarBorder: "hsl(271 25% 25%)",
|
|
sidebarRing: "hsl(271 91% 65.1%)",
|
|
sidebarBackground: "hsl(271 25% 12%)",
|
|
},
|
|
radius: "0.6rem",
|
|
},
|
|
"violet-bloom": {
|
|
colors: {
|
|
background: "hsl(271 100% 95%)",
|
|
foreground: "hsl(271 5% 10%)",
|
|
card: "hsl(271 50% 90%)",
|
|
cardForeground: "hsl(271 5% 15%)",
|
|
popover: "hsl(271 100% 95%)",
|
|
popoverForeground: "hsl(271 100% 10%)",
|
|
primary: "hsl(271 91% 65.1%)",
|
|
primaryForeground: "hsl(0 0% 0%)",
|
|
secondary: "hsl(271 30% 70%)",
|
|
secondaryForeground: "hsl(0 0% 0%)",
|
|
muted: "hsl(233 30% 85%)",
|
|
mutedForeground: "hsl(271 5% 35%)",
|
|
accent: "hsl(233 30% 80%)",
|
|
accentForeground: "hsl(271 5% 15%)",
|
|
destructive: "hsl(0 100% 30%)",
|
|
destructiveForeground: "hsl(271 5% 90%)",
|
|
border: "hsl(271 30% 50%)",
|
|
input: "hsl(271 30% 26%)",
|
|
ring: "hsl(271 91% 65.1%)",
|
|
},
|
|
darkColors: {
|
|
background: "hsl(271 35% 6%)",
|
|
foreground: "hsl(271 15% 92%)",
|
|
card: "hsl(271 30% 10%)",
|
|
cardForeground: "hsl(271 15% 92%)",
|
|
popover: "hsl(271 30% 10%)",
|
|
popoverForeground: "hsl(271 15% 92%)",
|
|
primary: "hsl(271 85% 70%)",
|
|
primaryForeground: "hsl(271 30% 8%)",
|
|
secondary: "hsl(271 28% 18%)",
|
|
secondaryForeground: "hsl(271 15% 92%)",
|
|
muted: "hsl(271 22% 16%)",
|
|
mutedForeground: "hsl(271 12% 58%)",
|
|
accent: "hsl(271 45% 28%)",
|
|
accentForeground: "hsl(271 15% 92%)",
|
|
destructive: "hsl(0 62.8% 30.6%)",
|
|
destructiveForeground: "hsl(271 15% 92%)",
|
|
border: "hsl(271 28% 22%)",
|
|
input: "hsl(271 28% 16%)",
|
|
ring: "hsl(271 85% 70%)",
|
|
sidebar: "hsl(271 30% 10%)",
|
|
sidebarForeground: "hsl(271 15% 92%)",
|
|
sidebarPrimary: "hsl(271 85% 70%)",
|
|
sidebarPrimaryForeground: "hsl(271 30% 8%)",
|
|
sidebarAccent: "hsl(271 45% 28%)",
|
|
sidebarAccentForeground: "hsl(271 15% 92%)",
|
|
sidebarBorder: "hsl(271 28% 22%)",
|
|
sidebarRing: "hsl(271 85% 70%)",
|
|
sidebarBackground: "hsl(271 30% 10%)",
|
|
},
|
|
radius: "0.6rem",
|
|
},
|
|
claude: {
|
|
colors: {
|
|
background: "oklch(0.9818 0.0054 95.0986)",
|
|
foreground: "oklch(0.3438 0.0269 95.7226)",
|
|
card: "oklch(0.9818 0.0054 95.0986)",
|
|
cardForeground: "oklch(0.1908 0.002 106.5859)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.2671 0.0196 98.939)",
|
|
primary: "oklch(0.6171 0.1375 39.0427)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.9245 0.0138 92.9892)",
|
|
secondaryForeground: "oklch(0.4334 0.0177 98.6048)",
|
|
muted: "oklch(0.9341 0.0153 90.239)",
|
|
mutedForeground: "oklch(0.6059 0.0075 97.4233)",
|
|
accent: "oklch(0.9245 0.0138 92.9892)",
|
|
accentForeground: "oklch(0.2671 0.0196 98.939)",
|
|
destructive: "oklch(0.1908 0.002 106.5859)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.8847 0.0069 97.3627)",
|
|
input: "oklch(0.7621 0.0156 98.3528)",
|
|
ring: "oklch(0.5937 0.1673 253.063)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1908 0.0054 95.0986)",
|
|
foreground: "oklch(0.9245 0.0138 92.9892)",
|
|
card: "oklch(0.2408 0.0054 95.0986)",
|
|
cardForeground: "oklch(0.9245 0.0138 92.9892)",
|
|
popover: "oklch(0.2408 0.0054 95.0986)",
|
|
popoverForeground: "oklch(0.9245 0.0138 92.9892)",
|
|
primary: "oklch(0.6671 0.1375 39.0427)",
|
|
primaryForeground: "oklch(0.1908 0.0054 95.0986)",
|
|
secondary: "oklch(0.2908 0.0138 92.9892)",
|
|
secondaryForeground: "oklch(0.9245 0.0138 92.9892)",
|
|
muted: "oklch(0.2641 0.0153 90.239)",
|
|
mutedForeground: "oklch(0.6559 0.0075 97.4233)",
|
|
accent: "oklch(0.3245 0.0238 92.9892)",
|
|
accentForeground: "oklch(0.9245 0.0138 92.9892)",
|
|
destructive: "oklch(0.5171 0.1375 29.0427)",
|
|
destructiveForeground: "oklch(0.9818 0.0054 95.0986)",
|
|
border: "oklch(0.3347 0.0069 97.3627)",
|
|
input: "oklch(0.2621 0.0156 98.3528)",
|
|
ring: "oklch(0.6671 0.1375 39.0427)",
|
|
sidebar: "oklch(0.2408 0.0054 95.0986)",
|
|
sidebarForeground: "oklch(0.9245 0.0138 92.9892)",
|
|
sidebarPrimary: "oklch(0.6671 0.1375 39.0427)",
|
|
sidebarPrimaryForeground: "oklch(0.1908 0.0054 95.0986)",
|
|
sidebarAccent: "oklch(0.3245 0.0238 92.9892)",
|
|
sidebarAccentForeground: "oklch(0.9245 0.0138 92.9892)",
|
|
sidebarBorder: "oklch(0.3347 0.0069 97.3627)",
|
|
sidebarRing: "oklch(0.6671 0.1375 39.0427)",
|
|
sidebarBackground: "oklch(0.2408 0.0054 95.0986)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
claymorphism: {
|
|
colors: {
|
|
background: "oklch(0.9232 0.0026 48.7171)",
|
|
foreground: "oklch(0.2795 0.0368 260.031)",
|
|
card: "oklch(0.9699 0.0013 106.4238)",
|
|
cardForeground: "oklch(0.2795 0.0368 260.031)",
|
|
popover: "oklch(0.9699 0.0013 106.4238)",
|
|
popoverForeground: "oklch(0.2795 0.0368 260.031)",
|
|
primary: "oklch(0.5854 0.2041 277.1173)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1832 0.0126 48.7171)",
|
|
foreground: "oklch(0.9232 0.0026 48.7171)",
|
|
card: "oklch(0.2332 0.0126 48.7171)",
|
|
cardForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
popover: "oklch(0.2332 0.0126 48.7171)",
|
|
popoverForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
primary: "oklch(0.6354 0.2041 277.1173)",
|
|
primaryForeground: "oklch(0.1832 0.0126 48.7171)",
|
|
secondary: "oklch(0.2832 0.0126 48.7171)",
|
|
secondaryForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
muted: "oklch(0.2632 0.0126 48.7171)",
|
|
mutedForeground: "oklch(0.6232 0.0026 48.7171)",
|
|
accent: "oklch(0.3332 0.0226 48.7171)",
|
|
accentForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
destructive: "oklch(0.5 0.15 25)",
|
|
destructiveForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
border: "oklch(0.3332 0.0126 48.7171)",
|
|
input: "oklch(0.2632 0.0126 48.7171)",
|
|
ring: "oklch(0.6354 0.2041 277.1173)",
|
|
sidebar: "oklch(0.2332 0.0126 48.7171)",
|
|
sidebarForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
sidebarPrimary: "oklch(0.6354 0.2041 277.1173)",
|
|
sidebarPrimaryForeground: "oklch(0.1832 0.0126 48.7171)",
|
|
sidebarAccent: "oklch(0.3332 0.0226 48.7171)",
|
|
sidebarAccentForeground: "oklch(0.9232 0.0026 48.7171)",
|
|
sidebarBorder: "oklch(0.3332 0.0126 48.7171)",
|
|
sidebarRing: "oklch(0.6354 0.2041 277.1173)",
|
|
sidebarBackground: "oklch(0.2332 0.0126 48.7171)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
notebook: {
|
|
colors: {
|
|
background: "oklch(0.9821 0 0)",
|
|
foreground: "oklch(0.3485 0 0)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.3485 0 0)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.3485 0 0)",
|
|
primary: "oklch(0.4891 0 0)",
|
|
primaryForeground: "oklch(0.9551 0 0)",
|
|
secondary: "oklch(0.9006 0 0)",
|
|
secondaryForeground: "oklch(0.3485 0 0)",
|
|
muted: "oklch(0.9158 0 0)",
|
|
mutedForeground: "oklch(0.4313 0 0)",
|
|
accent: "oklch(0.9354 0.0456 94.8549)",
|
|
accentForeground: "oklch(0.4015 0.0436 37.9587)",
|
|
destructive: "oklch(0.6627 0.0978 20.0041)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.5538 0.0025 17.232)",
|
|
input: "oklch(1 0 0)",
|
|
ring: "oklch(0.7058 0 0)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1685 0 0)",
|
|
foreground: "oklch(0.9006 0 0)",
|
|
card: "oklch(0.2185 0 0)",
|
|
cardForeground: "oklch(0.9006 0 0)",
|
|
popover: "oklch(0.2185 0 0)",
|
|
popoverForeground: "oklch(0.9006 0 0)",
|
|
primary: "oklch(0.6891 0 0)",
|
|
primaryForeground: "oklch(0.1685 0 0)",
|
|
secondary: "oklch(0.2685 0 0)",
|
|
secondaryForeground: "oklch(0.9006 0 0)",
|
|
muted: "oklch(0.2485 0 0)",
|
|
mutedForeground: "oklch(0.6313 0 0)",
|
|
accent: "oklch(0.3854 0.0456 94.8549)",
|
|
accentForeground: "oklch(0.9354 0.0456 94.8549)",
|
|
destructive: "oklch(0.5127 0.0978 20.0041)",
|
|
destructiveForeground: "oklch(0.9821 0 0)",
|
|
border: "oklch(0.3538 0.0025 17.232)",
|
|
input: "oklch(0.2485 0 0)",
|
|
ring: "oklch(0.6891 0 0)",
|
|
sidebar: "oklch(0.2185 0 0)",
|
|
sidebarForeground: "oklch(0.9006 0 0)",
|
|
sidebarPrimary: "oklch(0.6891 0 0)",
|
|
sidebarPrimaryForeground: "oklch(0.1685 0 0)",
|
|
sidebarAccent: "oklch(0.3854 0.0456 94.8549)",
|
|
sidebarAccentForeground: "oklch(0.9354 0.0456 94.8549)",
|
|
sidebarBorder: "oklch(0.3538 0.0025 17.232)",
|
|
sidebarRing: "oklch(0.6891 0 0)",
|
|
sidebarBackground: "oklch(0.2185 0 0)",
|
|
},
|
|
radius: "0.625rem",
|
|
},
|
|
"ocean-breeze": {
|
|
colors: {
|
|
background: "oklch(0.9751 0.0127 244.2507)",
|
|
foreground: "oklch(0.3729 0.0306 259.7328)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.3729 0.0306 259.7328)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.3729 0.0306 259.7328)",
|
|
primary: "oklch(0.7227 0.192 149.5793)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1551 0.0227 244.2507)",
|
|
foreground: "oklch(0.9229 0.0106 244.2507)",
|
|
card: "oklch(0.2051 0.0227 244.2507)",
|
|
cardForeground: "oklch(0.9229 0.0106 244.2507)",
|
|
popover: "oklch(0.2051 0.0227 244.2507)",
|
|
popoverForeground: "oklch(0.9229 0.0106 244.2507)",
|
|
primary: "oklch(0.6727 0.172 149.5793)",
|
|
primaryForeground: "oklch(0.1551 0.0227 244.2507)",
|
|
secondary: "oklch(0.2551 0.0227 244.2507)",
|
|
secondaryForeground: "oklch(0.9229 0.0106 244.2507)",
|
|
muted: "oklch(0.2351 0.0227 244.2507)",
|
|
mutedForeground: "oklch(0.6229 0.0106 244.2507)",
|
|
accent: "oklch(0.3227 0.092 149.5793)",
|
|
accentForeground: "oklch(0.9229 0.0106 244.2507)",
|
|
destructive: "oklch(0.5 0.15 25)",
|
|
destructiveForeground: "oklch(0.9751 0.0127 244.2507)",
|
|
border: "oklch(0.3051 0.0227 244.2507)",
|
|
input: "oklch(0.2351 0.0227 244.2507)",
|
|
ring: "oklch(0.6727 0.172 149.5793)",
|
|
sidebar: "oklch(0.2051 0.0227 244.2507)",
|
|
sidebarForeground: "oklch(0.9229 0.0106 244.2507)",
|
|
sidebarPrimary: "oklch(0.6727 0.172 149.5793)",
|
|
sidebarPrimaryForeground: "oklch(0.1551 0.0227 244.2507)",
|
|
sidebarAccent: "oklch(0.3227 0.092 149.5793)",
|
|
sidebarAccentForeground: "oklch(0.9229 0.0106 244.2507)",
|
|
sidebarBorder: "oklch(0.3051 0.0227 244.2507)",
|
|
sidebarRing: "oklch(0.6727 0.172 149.5793)",
|
|
sidebarBackground: "oklch(0.2051 0.0227 244.2507)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
"pastel-dreams": {
|
|
colors: {
|
|
background: "oklch(0.9689 0.009 314.7819)",
|
|
foreground: "oklch(0.3729 0.0306 259.7328)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.3729 0.0306 259.7328)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.3729 0.0306 259.7328)",
|
|
primary: "oklch(0.709 0.1592 293.5412)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.9073 0.053 306.0902)",
|
|
secondaryForeground: "oklch(0.4461 0.0263 256.8018)",
|
|
muted: "oklch(0.9464 0.0327 307.1745)",
|
|
mutedForeground: "oklch(0.551 0.0234 264.3637)",
|
|
accent: "oklch(0.9376 0.026 321.9388)",
|
|
accentForeground: "oklch(0.3729 0.0306 259.7328)",
|
|
destructive: "oklch(0.8077 0.1035 19.5706)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.9073 0.053 306.0902)",
|
|
input: "oklch(0.9073 0.053 306.0902)",
|
|
ring: "oklch(0.709 0.1592 293.5412)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1689 0.019 314.7819)",
|
|
foreground: "oklch(0.9229 0.0156 314.7819)",
|
|
card: "oklch(0.2189 0.019 314.7819)",
|
|
cardForeground: "oklch(0.9229 0.0156 314.7819)",
|
|
popover: "oklch(0.2189 0.019 314.7819)",
|
|
popoverForeground: "oklch(0.9229 0.0156 314.7819)",
|
|
primary: "oklch(0.659 0.1392 293.5412)",
|
|
primaryForeground: "oklch(0.1689 0.019 314.7819)",
|
|
secondary: "oklch(0.2873 0.033 306.0902)",
|
|
secondaryForeground: "oklch(0.9229 0.0156 314.7819)",
|
|
muted: "oklch(0.2664 0.0227 307.1745)",
|
|
mutedForeground: "oklch(0.651 0.0234 264.3637)",
|
|
accent: "oklch(0.3376 0.046 321.9388)",
|
|
accentForeground: "oklch(0.9229 0.0156 314.7819)",
|
|
destructive: "oklch(0.5077 0.1035 19.5706)",
|
|
destructiveForeground: "oklch(0.9689 0.009 314.7819)",
|
|
border: "oklch(0.3073 0.033 306.0902)",
|
|
input: "oklch(0.2664 0.0227 307.1745)",
|
|
ring: "oklch(0.659 0.1392 293.5412)",
|
|
sidebar: "oklch(0.2189 0.019 314.7819)",
|
|
sidebarForeground: "oklch(0.9229 0.0156 314.7819)",
|
|
sidebarPrimary: "oklch(0.659 0.1392 293.5412)",
|
|
sidebarPrimaryForeground: "oklch(0.1689 0.019 314.7819)",
|
|
sidebarAccent: "oklch(0.3376 0.046 321.9388)",
|
|
sidebarAccentForeground: "oklch(0.9229 0.0156 314.7819)",
|
|
sidebarBorder: "oklch(0.3073 0.033 306.0902)",
|
|
sidebarRing: "oklch(0.659 0.1392 293.5412)",
|
|
sidebarBackground: "oklch(0.2189 0.019 314.7819)",
|
|
},
|
|
radius: "1.5rem",
|
|
},
|
|
twitter: {
|
|
colors: {
|
|
background: "oklch(1 0 0)",
|
|
foreground: "oklch(0.1884 0.0128 248.5103)",
|
|
card: "oklch(0.9784 0.0011 197.1387)",
|
|
cardForeground: "oklch(0.1884 0.0128 248.5103)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.1884 0.0128 248.5103)",
|
|
primary: "oklch(0.6723 0.1606 244.9955)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.1884 0.0128 248.5103)",
|
|
secondaryForeground: "oklch(1 0 0)",
|
|
muted: "oklch(0.9222 0.0013 286.3737)",
|
|
mutedForeground: "oklch(0.1884 0.0128 248.5103)",
|
|
accent: "oklch(0.9392 0.0166 250.8453)",
|
|
accentForeground: "oklch(0.6723 0.1606 244.9955)",
|
|
destructive: "oklch(0.6188 0.2376 25.7658)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.9317 0.0118 231.6594)",
|
|
input: "oklch(0.9809 0.0025 228.7836)",
|
|
ring: "oklch(0.6818 0.1584 243.354)",
|
|
sidebar: "oklch(0.9784 0.0011 197.1387)",
|
|
sidebarForeground: "oklch(0.1884 0.0128 248.5103)",
|
|
sidebarPrimary: "oklch(0.6723 0.1606 244.9955)",
|
|
sidebarPrimaryForeground: "oklch(1 0 0)",
|
|
sidebarAccent: "oklch(0.9392 0.0166 250.8453)",
|
|
sidebarAccentForeground: "oklch(0.6723 0.1606 244.9955)",
|
|
sidebarBorder: "oklch(0.9271 0.0101 238.5177)",
|
|
sidebarRing: "oklch(0.6818 0.1584 243.354)",
|
|
sidebarBackground: "oklch(0.9784 0.0011 197.1387)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0 0 0)",
|
|
foreground: "oklch(0.9318 0.0042 264.5321)",
|
|
card: "oklch(0.1696 0.0064 264.5321)",
|
|
cardForeground: "oklch(0.9318 0.0042 264.5321)",
|
|
popover: "oklch(0.1696 0.0064 264.5321)",
|
|
popoverForeground: "oklch(0.9318 0.0042 264.5321)",
|
|
primary: "oklch(0.6723 0.1606 244.9955)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.2696 0.0064 264.5321)",
|
|
secondaryForeground: "oklch(0.9318 0.0042 264.5321)",
|
|
muted: "oklch(0.2196 0.0064 264.5321)",
|
|
mutedForeground: "oklch(0.6318 0.0042 264.5321)",
|
|
accent: "oklch(0.2696 0.0064 264.5321)",
|
|
accentForeground: "oklch(0.6723 0.1606 244.9955)",
|
|
destructive: "oklch(0.5188 0.2076 25.7658)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.2696 0.0064 264.5321)",
|
|
input: "oklch(0.1696 0.0064 264.5321)",
|
|
ring: "oklch(0.6723 0.1606 244.9955)",
|
|
sidebar: "oklch(0.1696 0.0064 264.5321)",
|
|
sidebarForeground: "oklch(0.9318 0.0042 264.5321)",
|
|
sidebarPrimary: "oklch(0.6723 0.1606 244.9955)",
|
|
sidebarPrimaryForeground: "oklch(1 0 0)",
|
|
sidebarAccent: "oklch(0.2696 0.0064 264.5321)",
|
|
sidebarAccentForeground: "oklch(0.6723 0.1606 244.9955)",
|
|
sidebarBorder: "oklch(0.2696 0.0064 264.5321)",
|
|
sidebarRing: "oklch(0.6723 0.1606 244.9955)",
|
|
sidebarBackground: "oklch(0.1696 0.0064 264.5321)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
vercel: {
|
|
colors: {
|
|
background: "oklch(0.99 0 0)",
|
|
foreground: "oklch(0 0 0)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0 0 0)",
|
|
popover: "oklch(0.99 0 0)",
|
|
popoverForeground: "oklch(0 0 0)",
|
|
primary: "oklch(0 0 0)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.94 0 0)",
|
|
secondaryForeground: "oklch(0 0 0)",
|
|
muted: "oklch(0.97 0 0)",
|
|
mutedForeground: "oklch(0.44 0 0)",
|
|
accent: "oklch(0.94 0 0)",
|
|
accentForeground: "oklch(0 0 0)",
|
|
destructive: "oklch(0.63 0.19 23.03)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.92 0 0)",
|
|
input: "oklch(0.94 0 0)",
|
|
ring: "oklch(0 0 0)",
|
|
sidebar: "oklch(0.99 0 0)",
|
|
sidebarForeground: "oklch(0 0 0)",
|
|
sidebarPrimary: "oklch(0 0 0)",
|
|
sidebarPrimaryForeground: "oklch(1 0 0)",
|
|
sidebarAccent: "oklch(0.94 0 0)",
|
|
sidebarAccentForeground: "oklch(0 0 0)",
|
|
sidebarBorder: "oklch(0.94 0 0)",
|
|
sidebarRing: "oklch(0 0 0)",
|
|
sidebarBackground: "oklch(0.99 0 0)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0 0 0)",
|
|
foreground: "oklch(0.93 0 0)",
|
|
card: "oklch(0.13 0 0)",
|
|
cardForeground: "oklch(0.93 0 0)",
|
|
popover: "oklch(0.13 0 0)",
|
|
popoverForeground: "oklch(0.93 0 0)",
|
|
primary: "oklch(1 0 0)",
|
|
primaryForeground: "oklch(0 0 0)",
|
|
secondary: "oklch(0.2 0 0)",
|
|
secondaryForeground: "oklch(0.93 0 0)",
|
|
muted: "oklch(0.2 0 0)",
|
|
mutedForeground: "oklch(0.63 0 0)",
|
|
accent: "oklch(0.2 0 0)",
|
|
accentForeground: "oklch(0.93 0 0)",
|
|
destructive: "oklch(0.55 0.19 23.03)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.27 0 0)",
|
|
input: "oklch(0.2 0 0)",
|
|
ring: "oklch(1 0 0)",
|
|
sidebar: "oklch(0.13 0 0)",
|
|
sidebarForeground: "oklch(0.93 0 0)",
|
|
sidebarPrimary: "oklch(1 0 0)",
|
|
sidebarPrimaryForeground: "oklch(0 0 0)",
|
|
sidebarAccent: "oklch(0.2 0 0)",
|
|
sidebarAccentForeground: "oklch(0.93 0 0)",
|
|
sidebarBorder: "oklch(0.27 0 0)",
|
|
sidebarRing: "oklch(1 0 0)",
|
|
sidebarBackground: "oklch(0.13 0 0)",
|
|
},
|
|
radius: "0.5rem",
|
|
fontFamily: "Geist, sans-serif",
|
|
},
|
|
supabase: {
|
|
colors: {
|
|
background: "oklch(0.9911 0 0)",
|
|
foreground: "oklch(0.2046 0 0)",
|
|
card: "oklch(0.9911 0 0)",
|
|
cardForeground: "oklch(0.2046 0 0)",
|
|
popover: "oklch(0.9911 0 0)",
|
|
popoverForeground: "oklch(0.4386 0 0)",
|
|
primary: "oklch(0.8348 0.1302 160.908)",
|
|
primaryForeground: "oklch(0.2626 0.0147 166.4589)",
|
|
secondary: "oklch(0.994 0 0)",
|
|
secondaryForeground: "oklch(0.2046 0 0)",
|
|
muted: "oklch(0.9461 0 0)",
|
|
mutedForeground: "oklch(0.2435 0 0)",
|
|
accent: "oklch(0.9461 0 0)",
|
|
accentForeground: "oklch(0.2435 0 0)",
|
|
destructive: "oklch(0.5523 0.1927 32.7272)",
|
|
destructiveForeground: "oklch(0.9934 0.0032 17.2118)",
|
|
border: "oklch(0.9037 0 0)",
|
|
input: "oklch(0.9731 0 0)",
|
|
ring: "oklch(0.8348 0.1302 160.908)",
|
|
sidebar: "oklch(0.9911 0 0)",
|
|
sidebarForeground: "oklch(0.4091 0 0)",
|
|
sidebarPrimary: "oklch(0.8348 0.1302 160.908)",
|
|
sidebarPrimaryForeground: "oklch(0.2626 0.0147 166.4589)",
|
|
sidebarAccent: "oklch(0.9461 0 0)",
|
|
sidebarAccentForeground: "oklch(0.2435 0 0)",
|
|
sidebarBorder: "oklch(0.9037 0 0)",
|
|
sidebarRing: "oklch(0.8348 0.1302 160.908)",
|
|
sidebarBackground: "oklch(0.9911 0 0)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1553 0.0066 163.3046)",
|
|
foreground: "oklch(0.9461 0 0)",
|
|
card: "oklch(0.1953 0.0066 163.3046)",
|
|
cardForeground: "oklch(0.9461 0 0)",
|
|
popover: "oklch(0.1953 0.0066 163.3046)",
|
|
popoverForeground: "oklch(0.7461 0 0)",
|
|
primary: "oklch(0.7068 0.1441 159.3682)",
|
|
primaryForeground: "oklch(0.1553 0.0066 163.3046)",
|
|
secondary: "oklch(0.2553 0.0066 163.3046)",
|
|
secondaryForeground: "oklch(0.9461 0 0)",
|
|
muted: "oklch(0.2553 0.0066 163.3046)",
|
|
mutedForeground: "oklch(0.6461 0 0)",
|
|
accent: "oklch(0.2953 0.0166 163.3046)",
|
|
accentForeground: "oklch(0.9461 0 0)",
|
|
destructive: "oklch(0.4523 0.1527 32.7272)",
|
|
destructiveForeground: "oklch(0.9934 0.0032 17.2118)",
|
|
border: "oklch(0.2953 0.0066 163.3046)",
|
|
input: "oklch(0.2553 0.0066 163.3046)",
|
|
ring: "oklch(0.7068 0.1441 159.3682)",
|
|
sidebar: "oklch(0.1953 0.0066 163.3046)",
|
|
sidebarForeground: "oklch(0.7461 0 0)",
|
|
sidebarPrimary: "oklch(0.7068 0.1441 159.3682)",
|
|
sidebarPrimaryForeground: "oklch(0.1553 0.0066 163.3046)",
|
|
sidebarAccent: "oklch(0.2953 0.0166 163.3046)",
|
|
sidebarAccentForeground: "oklch(0.9461 0 0)",
|
|
sidebarBorder: "oklch(0.2953 0.0066 163.3046)",
|
|
sidebarRing: "oklch(0.7068 0.1441 159.3682)",
|
|
sidebarBackground: "oklch(0.1953 0.0066 163.3046)",
|
|
},
|
|
radius: "0.5rem",
|
|
fontFamily: "Outfit, sans-serif",
|
|
},
|
|
"t3-chat": {
|
|
colors: {
|
|
background: "oklch(99.02% 0.0039 106.42)",
|
|
foreground: "oklch(28.43% 0.0213 325.89)",
|
|
card: "oklch(99.02% 0.0039 106.42)",
|
|
cardForeground: "oklch(28.43% 0.0213 325.89)",
|
|
popover: "oklch(99.02% 0.0039 106.42)",
|
|
popoverForeground: "oklch(28.43% 0.0213 325.89)",
|
|
primary: "oklch(62.67% 0.2527 326.72)",
|
|
primaryForeground: "oklch(99.02% 0.0039 106.42)",
|
|
secondary: "oklch(46.07% 0.1439 324.32)",
|
|
secondaryForeground: "oklch(99.02% 0.0039 106.42)",
|
|
muted: "oklch(95.46% 0.0108 106.75)",
|
|
mutedForeground: "oklch(58.01% 0.0216 326.08)",
|
|
accent: "oklch(69.81% 0.1781 329.75)",
|
|
accentForeground: "oklch(28.43% 0.0213 325.89)",
|
|
destructive: "oklch(62.87% 0.2573 29.23)",
|
|
destructiveForeground: "oklch(99.02% 0.0039 106.42)",
|
|
border: "oklch(88.36% 0.0216 326.08)",
|
|
input: "oklch(88.36% 0.0216 326.08)",
|
|
ring: "oklch(62.67% 0.2527 326.72)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(15.02% 0.0139 325.89)",
|
|
foreground: "oklch(92.43% 0.0113 325.89)",
|
|
card: "oklch(20.02% 0.0139 325.89)",
|
|
cardForeground: "oklch(92.43% 0.0113 325.89)",
|
|
popover: "oklch(20.02% 0.0139 325.89)",
|
|
popoverForeground: "oklch(92.43% 0.0113 325.89)",
|
|
primary: "oklch(62.67% 0.2527 326.72)",
|
|
primaryForeground: "oklch(15.02% 0.0139 325.89)",
|
|
secondary: "oklch(36.07% 0.1039 324.32)",
|
|
secondaryForeground: "oklch(92.43% 0.0113 325.89)",
|
|
muted: "oklch(25.46% 0.0208 325.89)",
|
|
mutedForeground: "oklch(65.01% 0.0216 326.08)",
|
|
accent: "oklch(45.81% 0.1281 329.75)",
|
|
accentForeground: "oklch(92.43% 0.0113 325.89)",
|
|
destructive: "oklch(52.87% 0.2073 29.23)",
|
|
destructiveForeground: "oklch(99.02% 0.0039 106.42)",
|
|
border: "oklch(30.36% 0.0216 326.08)",
|
|
input: "oklch(25.46% 0.0208 325.89)",
|
|
ring: "oklch(62.67% 0.2527 326.72)",
|
|
sidebar: "oklch(20.02% 0.0139 325.89)",
|
|
sidebarForeground: "oklch(92.43% 0.0113 325.89)",
|
|
sidebarPrimary: "oklch(62.67% 0.2527 326.72)",
|
|
sidebarPrimaryForeground: "oklch(15.02% 0.0139 325.89)",
|
|
sidebarAccent: "oklch(45.81% 0.1281 329.75)",
|
|
sidebarAccentForeground: "oklch(92.43% 0.0113 325.89)",
|
|
sidebarBorder: "oklch(30.36% 0.0216 326.08)",
|
|
sidebarRing: "oklch(62.67% 0.2527 326.72)",
|
|
sidebarBackground: "oklch(20.02% 0.0139 325.89)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
"amethyst-haze": {
|
|
colors: {
|
|
background: "oklch(0.9777 0.0041 301.4256)",
|
|
foreground: "oklch(0.3651 0.0325 287.0807)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.3651 0.0325 287.0807)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.3651 0.0325 287.0807)",
|
|
primary: "oklch(0.6104 0.0767 299.7335)",
|
|
primaryForeground: "oklch(0.9777 0.0041 301.4256)",
|
|
secondary: "oklch(0.8957 0.0265 300.2416)",
|
|
secondaryForeground: "oklch(0.3651 0.0325 287.0807)",
|
|
muted: "oklch(0.8906 0.0139 299.7754)",
|
|
mutedForeground: "oklch(0.5288 0.0375 290.7895)",
|
|
accent: "oklch(0.7889 0.0802 359.9375)",
|
|
accentForeground: "oklch(0.3394 0.0441 1.7583)",
|
|
destructive: "oklch(0.6332 0.1578 22.6734)",
|
|
destructiveForeground: "oklch(0.9777 0.0041 301.4256)",
|
|
border: "oklch(0.8447 0.0226 300.1421)",
|
|
input: "oklch(0.9329 0.0124 301.2783)",
|
|
ring: "oklch(0.6104 0.0767 299.7335)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1777 0.0141 301.4256)",
|
|
foreground: "oklch(0.9151 0.0125 301.4256)",
|
|
card: "oklch(0.2277 0.0141 301.4256)",
|
|
cardForeground: "oklch(0.9151 0.0125 301.4256)",
|
|
popover: "oklch(0.2277 0.0141 301.4256)",
|
|
popoverForeground: "oklch(0.9151 0.0125 301.4256)",
|
|
primary: "oklch(0.6604 0.0867 299.7335)",
|
|
primaryForeground: "oklch(0.1777 0.0141 301.4256)",
|
|
secondary: "oklch(0.2957 0.0165 300.2416)",
|
|
secondaryForeground: "oklch(0.9151 0.0125 301.4256)",
|
|
muted: "oklch(0.2706 0.0139 299.7754)",
|
|
mutedForeground: "oklch(0.6288 0.0275 290.7895)",
|
|
accent: "oklch(0.3889 0.0602 359.9375)",
|
|
accentForeground: "oklch(0.9151 0.0125 301.4256)",
|
|
destructive: "oklch(0.5332 0.1378 22.6734)",
|
|
destructiveForeground: "oklch(0.9777 0.0041 301.4256)",
|
|
border: "oklch(0.3447 0.0226 300.1421)",
|
|
input: "oklch(0.2706 0.0139 299.7754)",
|
|
ring: "oklch(0.6604 0.0867 299.7335)",
|
|
sidebar: "oklch(0.2277 0.0141 301.4256)",
|
|
sidebarForeground: "oklch(0.9151 0.0125 301.4256)",
|
|
sidebarPrimary: "oklch(0.6604 0.0867 299.7335)",
|
|
sidebarPrimaryForeground: "oklch(0.1777 0.0141 301.4256)",
|
|
sidebarAccent: "oklch(0.3889 0.0602 359.9375)",
|
|
sidebarAccentForeground: "oklch(0.9151 0.0125 301.4256)",
|
|
sidebarBorder: "oklch(0.3447 0.0226 300.1421)",
|
|
sidebarRing: "oklch(0.6604 0.0867 299.7335)",
|
|
sidebarBackground: "oklch(0.2277 0.0141 301.4256)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
tangerine: {
|
|
colors: {
|
|
background: "oklch(0.9383 0.0042 236.4993)",
|
|
foreground: "oklch(0.3211 0 0)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.3211 0 0)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.3211 0 0)",
|
|
primary: "oklch(0.6397 0.172 36.4421)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.967 0.0029 264.5419)",
|
|
secondaryForeground: "oklch(0.4461 0.0263 256.8018)",
|
|
muted: "oklch(0.9846 0.0017 247.8389)",
|
|
mutedForeground: "oklch(0.551 0.0234 264.3637)",
|
|
accent: "oklch(0.9119 0.0222 243.8174)",
|
|
accentForeground: "oklch(0.3791 0.1378 265.5222)",
|
|
destructive: "oklch(0.6368 0.2078 25.3313)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.9022 0.0052 247.8822)",
|
|
input: "oklch(0.97 0.0029 264.542)",
|
|
ring: "oklch(0.6397 0.172 36.4421)",
|
|
sidebar: "oklch(0.903 0.0046 258.3257)",
|
|
sidebarForeground: "oklch(0.3211 0 0)",
|
|
sidebarPrimary: "oklch(0.6397 0.172 36.4421)",
|
|
sidebarPrimaryForeground: "oklch(1 0 0)",
|
|
sidebarAccent: "oklch(0.9119 0.0222 243.8174)",
|
|
sidebarAccentForeground: "oklch(0.3791 0.1378 265.5222)",
|
|
sidebarBackground: "oklch(0.903 0.0046 258.3257)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1583 0.0142 36.4421)",
|
|
foreground: "oklch(0.9211 0.0042 36.4421)",
|
|
card: "oklch(0.2083 0.0142 36.4421)",
|
|
cardForeground: "oklch(0.9211 0.0042 36.4421)",
|
|
popover: "oklch(0.2083 0.0142 36.4421)",
|
|
popoverForeground: "oklch(0.9211 0.0042 36.4421)",
|
|
primary: "oklch(0.6897 0.172 36.4421)",
|
|
primaryForeground: "oklch(0.1583 0.0142 36.4421)",
|
|
secondary: "oklch(0.267 0.0129 36.4421)",
|
|
secondaryForeground: "oklch(0.9211 0.0042 36.4421)",
|
|
muted: "oklch(0.2546 0.0117 36.4421)",
|
|
mutedForeground: "oklch(0.651 0.0134 36.4421)",
|
|
accent: "oklch(0.3619 0.0722 36.4421)",
|
|
accentForeground: "oklch(0.9211 0.0042 36.4421)",
|
|
destructive: "oklch(0.5368 0.1778 25.3313)",
|
|
destructiveForeground: "oklch(0.9383 0.0042 236.4993)",
|
|
border: "oklch(0.3022 0.0152 36.4421)",
|
|
input: "oklch(0.2546 0.0117 36.4421)",
|
|
ring: "oklch(0.6897 0.172 36.4421)",
|
|
sidebar: "oklch(0.2083 0.0142 36.4421)",
|
|
sidebarForeground: "oklch(0.9211 0.0042 36.4421)",
|
|
sidebarPrimary: "oklch(0.6897 0.172 36.4421)",
|
|
sidebarPrimaryForeground: "oklch(0.1583 0.0142 36.4421)",
|
|
sidebarAccent: "oklch(0.3619 0.0722 36.4421)",
|
|
sidebarAccentForeground: "oklch(0.9211 0.0042 36.4421)",
|
|
sidebarBorder: "oklch(0.3022 0.0152 36.4421)",
|
|
sidebarRing: "oklch(0.6897 0.172 36.4421)",
|
|
sidebarBackground: "oklch(0.2083 0.0142 36.4421)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
"sunset-horizon": {
|
|
colors: {
|
|
background: "oklch(0.9856 0.0084 56.3169)",
|
|
foreground: "oklch(0.3353 0.0132 2.7676)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.3353 0.0132 2.7676)",
|
|
popover: "oklch(1 0 0)",
|
|
popoverForeground: "oklch(0.3353 0.0132 2.7676)",
|
|
primary: "oklch(0.7357 0.1641 34.7091)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.9596 0.02 28.9029)",
|
|
secondaryForeground: "oklch(0.5587 0.1294 32.7364)",
|
|
muted: "oklch(0.9656 0.0176 39.4009)",
|
|
mutedForeground: "oklch(0.5534 0.0116 58.0708)",
|
|
accent: "oklch(0.8278 0.1131 57.9984)",
|
|
accentForeground: "oklch(0.3353 0.0132 2.7676)",
|
|
destructive: "oklch(0.6122 0.2082 22.241)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.9296 0.037 38.6868)",
|
|
input: "oklch(0.9296 0.037 38.6868)",
|
|
ring: "oklch(0.7357 0.1641 34.7091)",
|
|
sidebar: "oklch(0.9656 0.0176 39.4009)",
|
|
sidebarForeground: "oklch(0.3353 0.0132 2.7676)",
|
|
sidebarPrimary: "oklch(0.7357 0.1641 34.7091)",
|
|
sidebarPrimaryForeground: "oklch(1 0 0)",
|
|
sidebarAccent: "oklch(0.8278 0.1131 57.9984)",
|
|
sidebarAccentForeground: "oklch(0.3353 0.0132 2.7676)",
|
|
sidebarBackground: "oklch(0.9656 0.0176 39.4009)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.1656 0.0184 34.7091)",
|
|
foreground: "oklch(0.9353 0.0132 56.3169)",
|
|
card: "oklch(0.2156 0.0184 34.7091)",
|
|
cardForeground: "oklch(0.9353 0.0132 56.3169)",
|
|
popover: "oklch(0.2156 0.0184 34.7091)",
|
|
popoverForeground: "oklch(0.9353 0.0132 56.3169)",
|
|
primary: "oklch(0.6857 0.1441 34.7091)",
|
|
primaryForeground: "oklch(0.1656 0.0184 34.7091)",
|
|
secondary: "oklch(0.2596 0.03 28.9029)",
|
|
secondaryForeground: "oklch(0.9353 0.0132 56.3169)",
|
|
muted: "oklch(0.2456 0.0276 39.4009)",
|
|
mutedForeground: "oklch(0.6534 0.0216 58.0708)",
|
|
accent: "oklch(0.3778 0.0831 57.9984)",
|
|
accentForeground: "oklch(0.9353 0.0132 56.3169)",
|
|
destructive: "oklch(0.5122 0.1782 22.241)",
|
|
destructiveForeground: "oklch(0.9856 0.0084 56.3169)",
|
|
border: "oklch(0.3296 0.037 38.6868)",
|
|
input: "oklch(0.2456 0.0276 39.4009)",
|
|
ring: "oklch(0.6857 0.1441 34.7091)",
|
|
sidebar: "oklch(0.2156 0.0184 34.7091)",
|
|
sidebarForeground: "oklch(0.9353 0.0132 56.3169)",
|
|
sidebarPrimary: "oklch(0.6857 0.1441 34.7091)",
|
|
sidebarPrimaryForeground: "oklch(0.1656 0.0184 34.7091)",
|
|
sidebarAccent: "oklch(0.3778 0.0831 57.9984)",
|
|
sidebarAccentForeground: "oklch(0.9353 0.0132 56.3169)",
|
|
sidebarBorder: "oklch(0.3296 0.037 38.6868)",
|
|
sidebarRing: "oklch(0.6857 0.1441 34.7091)",
|
|
sidebarBackground: "oklch(0.2156 0.0184 34.7091)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
catppuccin: {
|
|
colors: {
|
|
background: "oklch(0.9578 0.0058 264.5321)",
|
|
foreground: "oklch(0.4355 0.043 279.325)",
|
|
card: "oklch(1 0 0)",
|
|
cardForeground: "oklch(0.4355 0.043 279.325)",
|
|
popover: "oklch(0.8575 0.0145 268.4756)",
|
|
popoverForeground: "oklch(0.4355 0.043 279.325)",
|
|
primary: "oklch(0.5547 0.2503 297.0156)",
|
|
primaryForeground: "oklch(1 0 0)",
|
|
secondary: "oklch(0.8575 0.0145 268.4756)",
|
|
secondaryForeground: "oklch(0.4355 0.043 279.325)",
|
|
muted: "oklch(0.906 0.0117 264.5071)",
|
|
mutedForeground: "oklch(0.5471 0.0343 279.0837)",
|
|
accent: "oklch(0.682 0.1448 235.3822)",
|
|
accentForeground: "oklch(1 0 0)",
|
|
destructive: "oklch(0.5505 0.2155 19.8095)",
|
|
destructiveForeground: "oklch(1 0 0)",
|
|
border: "oklch(0.8083 0.0174 271.1982)",
|
|
input: "oklch(0.8575 0.0145 268.4756)",
|
|
ring: "oklch(0.5547 0.2503 297.0156)",
|
|
sidebar: "oklch(0.9335 0.0087 264.5206)",
|
|
sidebarForeground: "oklch(0.4355 0.043 279.325)",
|
|
sidebarPrimary: "oklch(0.5547 0.2503 297.0156)",
|
|
sidebarPrimaryForeground: "oklch(1 0 0)",
|
|
sidebarAccent: "oklch(0.682 0.1448 235.3822)",
|
|
sidebarAccentForeground: "oklch(1 0 0)",
|
|
sidebarBackground: "oklch(0.9335 0.0087 264.5206)",
|
|
},
|
|
darkColors: {
|
|
background: "oklch(0.2392 0.0159 279.0413)",
|
|
foreground: "oklch(0.8868 0.0228 277.3236)",
|
|
card: "oklch(0.2714 0.0173 279.8248)",
|
|
cardForeground: "oklch(0.8868 0.0228 277.3236)",
|
|
popover: "oklch(0.2714 0.0173 279.8248)",
|
|
popoverForeground: "oklch(0.8868 0.0228 277.3236)",
|
|
primary: "oklch(0.7579 0.1555 295.0613)",
|
|
primaryForeground: "oklch(0.2392 0.0159 279.0413)",
|
|
secondary: "oklch(0.3411 0.0178 279.0413)",
|
|
secondaryForeground: "oklch(0.8868 0.0228 277.3236)",
|
|
muted: "oklch(0.3411 0.0178 279.0413)",
|
|
mutedForeground: "oklch(0.6584 0.0233 277.3236)",
|
|
accent: "oklch(0.682 0.1448 235.3822)",
|
|
accentForeground: "oklch(0.2392 0.0159 279.0413)",
|
|
destructive: "oklch(0.6259 0.2083 16.9297)",
|
|
destructiveForeground: "oklch(0.2392 0.0159 279.0413)",
|
|
border: "oklch(0.3811 0.0178 279.0413)",
|
|
input: "oklch(0.3411 0.0178 279.0413)",
|
|
ring: "oklch(0.7579 0.1555 295.0613)",
|
|
sidebar: "oklch(0.2714 0.0173 279.8248)",
|
|
sidebarForeground: "oklch(0.8868 0.0228 277.3236)",
|
|
sidebarPrimary: "oklch(0.7579 0.1555 295.0613)",
|
|
sidebarPrimaryForeground: "oklch(0.2392 0.0159 279.0413)",
|
|
sidebarAccent: "oklch(0.682 0.1448 235.3822)",
|
|
sidebarAccentForeground: "oklch(0.2392 0.0159 279.0413)",
|
|
sidebarBorder: "oklch(0.3811 0.0178 279.0413)",
|
|
sidebarRing: "oklch(0.7579 0.1555 295.0613)",
|
|
sidebarBackground: "oklch(0.2714 0.0173 279.8248)",
|
|
},
|
|
radius: "0.5rem",
|
|
},
|
|
};
|
|
|
|
// Get the complete theme configuration for a given theme
|
|
export function getThemeConfig(themeName: string): Partial<ThemeConfig> | undefined {
|
|
return themeConfigurations[themeName];
|
|
}
|
|
|
|
export type DefaultThemePreset = {
|
|
name: string;
|
|
value: string;
|
|
labelKey: string;
|
|
};
|
|
|
|
// this array could be empty, it's only used by ThemeSelector
|
|
export const defaultThemes: DefaultThemePreset[] = [
|
|
{ value: "emerald", name: "Default", labelKey: "settings:tenant.theme.presets.emerald" },
|
|
{ name: "Zinc", value: "zinc", labelKey: "settings:tenant.theme.presets.zinc" },
|
|
// { name: "Zinc Scaled", value: "zinc-scaled" },
|
|
// { name: "Zinc Mono", value: "zinc-mono" },
|
|
{ name: "Blue", value: "blue", labelKey: "settings:tenant.theme.presets.blue" },
|
|
{ name: "Tangerine", value: "tangerine", labelKey: "settings:tenant.theme.presets.tangerine" },
|
|
{ name: "Sunset Horizon", value: "sunset-horizon", labelKey: "settings:tenant.theme.presets.sunset-horizon" },
|
|
{ name: "Catppuccin", value: "catppuccin", labelKey: "settings:tenant.theme.presets.catppuccin" },
|
|
// { name: "Blue Scaled", value: "blue-scaled" },
|
|
// { name: "Blue Mono", value: "blue-mono" },
|
|
// { name: "Slate", value: "slate" },
|
|
// { name: "Stone", value: "stone" },
|
|
// { name: "Gray", value: "gray" },
|
|
// { name: "Neutral", value: "neutral" },
|
|
// { name: "Red", value: "red" },
|
|
// { name: "Rose", value: "rose" },
|
|
// { name: "Orange", value: "orange" },
|
|
// { name: "Green", value: "green" },
|
|
{ name: "Yellow", value: "yellow", labelKey: "settings:tenant.theme.presets.yellow" },
|
|
// { name: "Modern Blue", value: "modern-blue" },
|
|
// { name: "Violet", value: "violet" },
|
|
// {
|
|
// value: "primary",
|
|
// name: "Default",
|
|
// },
|
|
// {
|
|
// value: "caffeine",
|
|
// name: "Caffeine",
|
|
// },
|
|
// {
|
|
// value: "candyland",
|
|
// name: "Candyland",
|
|
// },
|
|
{
|
|
value: "claude",
|
|
name: "Claude",
|
|
labelKey: "settings:tenant.theme.presets.claude",
|
|
},
|
|
{
|
|
value: "claymorphism",
|
|
name: "Claymorphism",
|
|
labelKey: "settings:tenant.theme.presets.claymorphism",
|
|
},
|
|
// {
|
|
// value: "cyberpunk",
|
|
// name: "Cyberpunk",
|
|
// },
|
|
// {
|
|
// value: "graphite",
|
|
// name: "Graphite",
|
|
// },
|
|
// {
|
|
// value: "northern-lights",
|
|
// name: "Northern Lights",
|
|
// },
|
|
{
|
|
value: "notebook",
|
|
name: "Notebook",
|
|
labelKey: "settings:tenant.theme.presets.notebook",
|
|
},
|
|
{
|
|
value: "ocean-breeze",
|
|
name: "Ocean Breeze",
|
|
labelKey: "settings:tenant.theme.presets.ocean-breeze",
|
|
},
|
|
{
|
|
value: "pastel-dreams",
|
|
name: "Pastel Dreams",
|
|
labelKey: "settings:tenant.theme.presets.pastel-dreams",
|
|
},
|
|
// {
|
|
// value: "starry-night",
|
|
// name: "Starry Night",
|
|
// },
|
|
{
|
|
value: "twitter",
|
|
name: "Twitter",
|
|
labelKey: "settings:tenant.theme.presets.twitter",
|
|
},
|
|
// {
|
|
// value: "vintage-paper",
|
|
// name: "Vintage Paper",
|
|
// },
|
|
{ name: "Vercel", value: "vercel", labelKey: "settings:tenant.theme.presets.vercel" },
|
|
{ value: "supabase", name: "Supabase", labelKey: "settings:tenant.theme.presets.supabase" },
|
|
{ value: "t3-chat", name: "T3 Chat", labelKey: "settings:tenant.theme.presets.t3-chat" },
|
|
{
|
|
value: "amethyst-haze",
|
|
name: "Amethyst Haze",
|
|
labelKey: "settings:tenant.theme.presets.amethyst-haze",
|
|
},
|
|
];
|