mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
3e6252864b
Major Features: - Visual Page Builder with drag-and-drop interface - Shiki syntax highlighting integration via Fumadocs - 10 new blocks (5 newsletter variants + blog/photo/showcase blocks) - AI Voice Settings component - Comprehensive AI documentation Page Builder Features: - Filterable block library with 1/4 scale previews - Drag-to-reorder blocks in canvas - Viewport controls (Desktop/Tablet/Mobile) - Export to React TSX, copy code, download file - Deploy with Hanzo integration - Real-time block rendering with dynamic imports Syntax Highlighting: - GitHub Light/Dark themes for automatic mode support - Multi-color syntax highlighting - Copy-to-clipboard, line numbers, line highlighting - Zero client-side JavaScript (static HTML) New Blocks: - newsletter-01 through newsletter-05 (5 variants) - blog-cards-01 (Modern blog post card layout) - photo-grid-01 (Responsive photo gallery) - showcase-marketing-01, showcase-ecommerce-01, showcase-app-ui-01 New Components: - ai-voice-settings (Voice configuration interface) New Documentation: - AI Actions, Agents, Assistant, Code, Models, Vision, Voice guides - Newsletter blocks documentation Bug Fixes: - Fixed block display registry access pattern - Stubbed billing-dependent blocks with instructions - Replaced iframe previews with direct component rendering - Eliminated 404 errors in block previews Technical Improvements: - Enhanced MDX configuration with Shiki rehype plugin - Integrated Fumadocs CodeBlock wrapper - Improved registry build error handling - Updated component props for better type safety CI/CD: - Added automatic npm publishing on tag creation - Tests must pass before publishing - Automatic GitHub release creation - Documentation deployment to GitHub Pages CHANGELOG: - Created comprehensive CHANGELOG.md with v0.2.0 release notes
1924 lines
95 KiB
TypeScript
1924 lines
95 KiB
TypeScript
export const baseColors = [
|
|
{
|
|
name: "zinc",
|
|
label: "Zinc",
|
|
activeColor: {
|
|
light: "240 5.9% 10%",
|
|
dark: "240 5.2% 33.9%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "240 10% 3.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "240 10% 3.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "240 10% 3.9%",
|
|
primary: "240 5.9% 10%",
|
|
"primary-foreground": "0 0% 98%",
|
|
secondary: "240 4.8% 95.9%",
|
|
"secondary-foreground": "240 5.9% 10%",
|
|
muted: "240 4.8% 95.9%",
|
|
"muted-foreground": "240 3.8% 46.1%",
|
|
accent: "240 4.8% 95.9%",
|
|
"accent-foreground": "240 5.9% 10%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "240 5.9% 90%",
|
|
input: "240 5.9% 90%",
|
|
ring: "240 5.9% 10%",
|
|
radius: "0.5rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "240 10% 3.9%",
|
|
foreground: "0 0% 98%",
|
|
card: "240 10% 3.9%",
|
|
"card-foreground": "0 0% 98%",
|
|
popover: "240 10% 3.9%",
|
|
"popover-foreground": "0 0% 98%",
|
|
primary: "0 0% 98%",
|
|
"primary-foreground": "240 5.9% 10%",
|
|
secondary: "240 3.7% 15.9%",
|
|
"secondary-foreground": "0 0% 98%",
|
|
muted: "240 3.7% 15.9%",
|
|
"muted-foreground": "240 5% 64.9%",
|
|
accent: "240 3.7% 15.9%",
|
|
"accent-foreground": "0 0% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "240 3.7% 15.9%",
|
|
input: "240 3.7% 15.9%",
|
|
ring: "240 4.9% 83.9%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "slate",
|
|
label: "Slate",
|
|
activeColor: {
|
|
light: "215.4 16.3% 46.9%",
|
|
dark: "215.3 19.3% 34.5%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "222.2 84% 4.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "222.2 84% 4.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "222.2 84% 4.9%",
|
|
primary: "222.2 47.4% 11.2%",
|
|
"primary-foreground": "210 40% 98%",
|
|
secondary: "210 40% 96.1%",
|
|
"secondary-foreground": "222.2 47.4% 11.2%",
|
|
muted: "210 40% 96.1%",
|
|
"muted-foreground": "215.4 16.3% 46.9%",
|
|
accent: "210 40% 96.1%",
|
|
"accent-foreground": "222.2 47.4% 11.2%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "210 40% 98%",
|
|
border: "214.3 31.8% 91.4%",
|
|
input: "214.3 31.8% 91.4%",
|
|
ring: "222.2 84% 4.9%",
|
|
radius: "0.5rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "222.2 84% 4.9%",
|
|
foreground: "210 40% 98%",
|
|
card: "222.2 84% 4.9%",
|
|
"card-foreground": "210 40% 98%",
|
|
popover: "222.2 84% 4.9%",
|
|
"popover-foreground": "210 40% 98%",
|
|
primary: "210 40% 98%",
|
|
"primary-foreground": "222.2 47.4% 11.2%",
|
|
secondary: "217.2 32.6% 17.5%",
|
|
"secondary-foreground": "210 40% 98%",
|
|
muted: "217.2 32.6% 17.5%",
|
|
"muted-foreground": "215 20.2% 65.1%",
|
|
accent: "217.2 32.6% 17.5%",
|
|
"accent-foreground": "210 40% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "210 40% 98%",
|
|
border: "217.2 32.6% 17.5%",
|
|
input: "217.2 32.6% 17.5%",
|
|
ring: "212.7 26.8% 83.9",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "stone",
|
|
label: "Stone",
|
|
activeColor: {
|
|
light: "25 5.3% 44.7%",
|
|
dark: "33.3 5.5% 32.4%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "20 14.3% 4.1%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "20 14.3% 4.1%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "20 14.3% 4.1%",
|
|
primary: "24 9.8% 10%",
|
|
"primary-foreground": "60 9.1% 97.8%",
|
|
secondary: "60 4.8% 95.9%",
|
|
"secondary-foreground": "24 9.8% 10%",
|
|
muted: "60 4.8% 95.9%",
|
|
"muted-foreground": "25 5.3% 44.7%",
|
|
accent: "60 4.8% 95.9%",
|
|
"accent-foreground": "24 9.8% 10%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "60 9.1% 97.8%",
|
|
border: "20 5.9% 90%",
|
|
input: "20 5.9% 90%",
|
|
ring: "20 14.3% 4.1%",
|
|
radius: "0.95rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "20 14.3% 4.1%",
|
|
foreground: "60 9.1% 97.8%",
|
|
card: "20 14.3% 4.1%",
|
|
"card-foreground": "60 9.1% 97.8%",
|
|
popover: "20 14.3% 4.1%",
|
|
"popover-foreground": "60 9.1% 97.8%",
|
|
primary: "60 9.1% 97.8%",
|
|
"primary-foreground": "24 9.8% 10%",
|
|
secondary: "12 6.5% 15.1%",
|
|
"secondary-foreground": "60 9.1% 97.8%",
|
|
muted: "12 6.5% 15.1%",
|
|
"muted-foreground": "24 5.4% 63.9%",
|
|
accent: "12 6.5% 15.1%",
|
|
"accent-foreground": "60 9.1% 97.8%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "60 9.1% 97.8%",
|
|
border: "12 6.5% 15.1%",
|
|
input: "12 6.5% 15.1%",
|
|
ring: "24 5.7% 82.9%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "gray",
|
|
label: "Gray",
|
|
activeColor: {
|
|
light: "220 8.9% 46.1%",
|
|
dark: "215 13.8% 34.1%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "224 71.4% 4.1%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "224 71.4% 4.1%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "224 71.4% 4.1%",
|
|
primary: "220.9 39.3% 11%",
|
|
"primary-foreground": "210 20% 98%",
|
|
secondary: "220 14.3% 95.9%",
|
|
"secondary-foreground": "220.9 39.3% 11%",
|
|
muted: "220 14.3% 95.9%",
|
|
"muted-foreground": "220 8.9% 46.1%",
|
|
accent: "220 14.3% 95.9%",
|
|
"accent-foreground": "220.9 39.3% 11%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "210 20% 98%",
|
|
border: "220 13% 91%",
|
|
input: "220 13% 91%",
|
|
ring: "224 71.4% 4.1%",
|
|
radius: "0.35rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "224 71.4% 4.1%",
|
|
foreground: "210 20% 98%",
|
|
card: "224 71.4% 4.1%",
|
|
"card-foreground": "210 20% 98%",
|
|
popover: "224 71.4% 4.1%",
|
|
"popover-foreground": "210 20% 98%",
|
|
primary: "210 20% 98%",
|
|
"primary-foreground": "220.9 39.3% 11%",
|
|
secondary: "215 27.9% 16.9%",
|
|
"secondary-foreground": "210 20% 98%",
|
|
muted: "215 27.9% 16.9%",
|
|
"muted-foreground": "217.9 10.6% 64.9%",
|
|
accent: "215 27.9% 16.9%",
|
|
"accent-foreground": "210 20% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "210 20% 98%",
|
|
border: "215 27.9% 16.9%",
|
|
input: "215 27.9% 16.9%",
|
|
ring: "216 12.2% 83.9%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "neutral",
|
|
label: "Neutral",
|
|
activeColor: {
|
|
light: "0 0% 45.1%",
|
|
dark: "0 0% 32.2%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "0 0% 3.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "0 0% 3.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "0 0% 3.9%",
|
|
primary: "0 0% 9%",
|
|
"primary-foreground": "0 0% 98%",
|
|
secondary: "0 0% 96.1%",
|
|
"secondary-foreground": "0 0% 9%",
|
|
muted: "0 0% 96.1%",
|
|
"muted-foreground": "0 0% 45.1%",
|
|
accent: "0 0% 96.1%",
|
|
"accent-foreground": "0 0% 9%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "0 0% 89.8%",
|
|
input: "0 0% 89.8%",
|
|
ring: "0 0% 3.9%",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "0 0% 3.9%",
|
|
foreground: "0 0% 98%",
|
|
card: "0 0% 3.9%",
|
|
"card-foreground": "0 0% 98%",
|
|
popover: "0 0% 3.9%",
|
|
"popover-foreground": "0 0% 98%",
|
|
primary: "0 0% 98%",
|
|
"primary-foreground": "0 0% 9%",
|
|
secondary: "0 0% 14.9%",
|
|
"secondary-foreground": "0 0% 98%",
|
|
muted: "0 0% 14.9%",
|
|
"muted-foreground": "0 0% 63.9%",
|
|
accent: "0 0% 14.9%",
|
|
"accent-foreground": "0 0% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "0 0% 14.9%",
|
|
input: "0 0% 14.9%",
|
|
ring: "0 0% 83.1%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "red",
|
|
label: "Red",
|
|
activeColor: {
|
|
light: "0 72.2% 50.6%",
|
|
dark: "0 72.2% 50.6%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "0 0% 3.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "0 0% 3.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "0 0% 3.9%",
|
|
primary: "0 72.2% 50.6%",
|
|
"primary-foreground": "0 85.7% 97.3%",
|
|
secondary: "0 0% 96.1%",
|
|
"secondary-foreground": "0 0% 9%",
|
|
muted: "0 0% 96.1%",
|
|
"muted-foreground": "0 0% 45.1%",
|
|
accent: "0 0% 96.1%",
|
|
"accent-foreground": "0 0% 9%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "0 0% 89.8%",
|
|
input: "0 0% 89.8%",
|
|
ring: "0 72.2% 50.6%",
|
|
radius: "0.4rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "0 0% 3.9%",
|
|
foreground: "0 0% 98%",
|
|
card: "0 0% 3.9%",
|
|
"card-foreground": "0 0% 98%",
|
|
popover: "0 0% 3.9%",
|
|
"popover-foreground": "0 0% 98%",
|
|
primary: "0 72.2% 50.6%",
|
|
"primary-foreground": "0 85.7% 97.3%",
|
|
secondary: "0 0% 14.9%",
|
|
"secondary-foreground": "0 0% 98%",
|
|
muted: "0 0% 14.9%",
|
|
"muted-foreground": "0 0% 63.9%",
|
|
accent: "0 0% 14.9%",
|
|
"accent-foreground": "0 0% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "0 0% 14.9%",
|
|
input: "0 0% 14.9%",
|
|
ring: "0 72.2% 50.6%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "rose",
|
|
label: "Rose",
|
|
activeColor: {
|
|
light: "346.8 77.2% 49.8%",
|
|
dark: "346.8 77.2% 49.8%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "240 10% 3.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "240 10% 3.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "240 10% 3.9%",
|
|
primary: "346.8 77.2% 49.8%",
|
|
"primary-foreground": "355.7 100% 97.3%",
|
|
secondary: "240 4.8% 95.9%",
|
|
"secondary-foreground": "240 5.9% 10%",
|
|
muted: "240 4.8% 95.9%",
|
|
"muted-foreground": "240 3.8% 46.1%",
|
|
accent: "240 4.8% 95.9%",
|
|
"accent-foreground": "240 5.9% 10%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "240 5.9% 90%",
|
|
input: "240 5.9% 90%",
|
|
ring: "346.8 77.2% 49.8%",
|
|
radius: "0.5rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "20 14.3% 4.1%",
|
|
foreground: "0 0% 95%",
|
|
popover: "0 0% 9%",
|
|
"popover-foreground": "0 0% 95%",
|
|
card: "24 9.8% 10%",
|
|
"card-foreground": "0 0% 95%",
|
|
primary: "346.8 77.2% 49.8%",
|
|
"primary-foreground": "355.7 100% 97.3%",
|
|
secondary: "240 3.7% 15.9%",
|
|
"secondary-foreground": "0 0% 98%",
|
|
muted: "0 0% 15%",
|
|
"muted-foreground": "240 5% 64.9%",
|
|
accent: "12 6.5% 15.1%",
|
|
"accent-foreground": "0 0% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "0 85.7% 97.3%",
|
|
border: "240 3.7% 15.9%",
|
|
input: "240 3.7% 15.9%",
|
|
ring: "346.8 77.2% 49.8%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "orange",
|
|
label: "Orange",
|
|
activeColor: {
|
|
light: "24.6 95% 53.1%",
|
|
dark: "20.5 90.2% 48.2%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "20 14.3% 4.1%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "20 14.3% 4.1%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "20 14.3% 4.1%",
|
|
primary: "24.6 95% 53.1%",
|
|
"primary-foreground": "60 9.1% 97.8%",
|
|
secondary: "60 4.8% 95.9%",
|
|
"secondary-foreground": "24 9.8% 10%",
|
|
muted: "60 4.8% 95.9%",
|
|
"muted-foreground": "25 5.3% 44.7%",
|
|
accent: "60 4.8% 95.9%",
|
|
"accent-foreground": "24 9.8% 10%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "60 9.1% 97.8%",
|
|
border: "20 5.9% 90%",
|
|
input: "20 5.9% 90%",
|
|
ring: "24.6 95% 53.1%",
|
|
radius: "0.95rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "20 14.3% 4.1%",
|
|
foreground: "60 9.1% 97.8%",
|
|
card: "20 14.3% 4.1%",
|
|
"card-foreground": "60 9.1% 97.8%",
|
|
popover: "20 14.3% 4.1%",
|
|
"popover-foreground": "60 9.1% 97.8%",
|
|
primary: "20.5 90.2% 48.2%",
|
|
"primary-foreground": "60 9.1% 97.8%",
|
|
secondary: "12 6.5% 15.1%",
|
|
"secondary-foreground": "60 9.1% 97.8%",
|
|
muted: "12 6.5% 15.1%",
|
|
"muted-foreground": "24 5.4% 63.9%",
|
|
accent: "12 6.5% 15.1%",
|
|
"accent-foreground": "60 9.1% 97.8%",
|
|
destructive: "0 72.2% 50.6%",
|
|
"destructive-foreground": "60 9.1% 97.8%",
|
|
border: "12 6.5% 15.1%",
|
|
input: "12 6.5% 15.1%",
|
|
ring: "20.5 90.2% 48.2%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "green",
|
|
label: "Green",
|
|
activeColor: {
|
|
light: "142.1 76.2% 36.3%",
|
|
dark: "142.1 70.6% 45.3%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "240 10% 3.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "240 10% 3.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "240 10% 3.9%",
|
|
primary: "142.1 76.2% 36.3%",
|
|
"primary-foreground": "355.7 100% 97.3%",
|
|
secondary: "240 4.8% 95.9%",
|
|
"secondary-foreground": "240 5.9% 10%",
|
|
muted: "240 4.8% 95.9%",
|
|
"muted-foreground": "240 3.8% 46.1%",
|
|
accent: "240 4.8% 95.9%",
|
|
"accent-foreground": "240 5.9% 10%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "0 0% 98%",
|
|
border: "240 5.9% 90%",
|
|
input: "240 5.9% 90%",
|
|
ring: "142.1 76.2% 36.3%",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "20 14.3% 4.1%",
|
|
foreground: "0 0% 95%",
|
|
popover: "0 0% 9%",
|
|
"popover-foreground": "0 0% 95%",
|
|
card: "24 9.8% 10%",
|
|
"card-foreground": "0 0% 95%",
|
|
primary: "142.1 70.6% 45.3%",
|
|
"primary-foreground": "144.9 80.4% 10%",
|
|
secondary: "240 3.7% 15.9%",
|
|
"secondary-foreground": "0 0% 98%",
|
|
muted: "0 0% 15%",
|
|
"muted-foreground": "240 5% 64.9%",
|
|
accent: "12 6.5% 15.1%",
|
|
"accent-foreground": "0 0% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "0 85.7% 97.3%",
|
|
border: "240 3.7% 15.9%",
|
|
input: "240 3.7% 15.9%",
|
|
ring: "142.4 71.8% 29.2%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "blue",
|
|
label: "Blue",
|
|
activeColor: {
|
|
light: "221.2 83.2% 53.3%",
|
|
dark: "217.2 91.2% 59.8%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "222.2 84% 4.9%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "222.2 84% 4.9%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "222.2 84% 4.9%",
|
|
primary: "221.2 83.2% 53.3%",
|
|
"primary-foreground": "210 40% 98%",
|
|
secondary: "210 40% 96.1%",
|
|
"secondary-foreground": "222.2 47.4% 11.2%",
|
|
muted: "210 40% 96.1%",
|
|
"muted-foreground": "215.4 16.3% 46.9%",
|
|
accent: "210 40% 96.1%",
|
|
"accent-foreground": "222.2 47.4% 11.2%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "210 40% 98%",
|
|
border: "214.3 31.8% 91.4%",
|
|
input: "214.3 31.8% 91.4%",
|
|
ring: "221.2 83.2% 53.3%",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "222.2 84% 4.9%",
|
|
foreground: "210 40% 98%",
|
|
card: "222.2 84% 4.9%",
|
|
"card-foreground": "210 40% 98%",
|
|
popover: "222.2 84% 4.9%",
|
|
"popover-foreground": "210 40% 98%",
|
|
primary: "217.2 91.2% 59.8%",
|
|
"primary-foreground": "222.2 47.4% 11.2%",
|
|
secondary: "217.2 32.6% 17.5%",
|
|
"secondary-foreground": "210 40% 98%",
|
|
muted: "217.2 32.6% 17.5%",
|
|
"muted-foreground": "215 20.2% 65.1%",
|
|
accent: "217.2 32.6% 17.5%",
|
|
"accent-foreground": "210 40% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "210 40% 98%",
|
|
border: "217.2 32.6% 17.5%",
|
|
input: "217.2 32.6% 17.5%",
|
|
ring: "224.3 76.3% 48%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "yellow",
|
|
label: "Yellow",
|
|
activeColor: {
|
|
light: "47.9 95.8% 53.1%",
|
|
dark: "47.9 95.8% 53.1%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "20 14.3% 4.1%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "20 14.3% 4.1%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "20 14.3% 4.1%",
|
|
primary: "47.9 95.8% 53.1%",
|
|
"primary-foreground": "26 83.3% 14.1%",
|
|
secondary: "60 4.8% 95.9%",
|
|
"secondary-foreground": "24 9.8% 10%",
|
|
muted: "60 4.8% 95.9%",
|
|
"muted-foreground": "25 5.3% 44.7%",
|
|
accent: "60 4.8% 95.9%",
|
|
"accent-foreground": "24 9.8% 10%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "60 9.1% 97.8%",
|
|
border: "20 5.9% 90%",
|
|
input: "20 5.9% 90%",
|
|
ring: "20 14.3% 4.1%",
|
|
radius: "0.95rem",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "20 14.3% 4.1%",
|
|
foreground: "60 9.1% 97.8%",
|
|
card: "20 14.3% 4.1%",
|
|
"card-foreground": "60 9.1% 97.8%",
|
|
popover: "20 14.3% 4.1%",
|
|
"popover-foreground": "60 9.1% 97.8%",
|
|
primary: "47.9 95.8% 53.1%",
|
|
"primary-foreground": "26 83.3% 14.1%",
|
|
secondary: "12 6.5% 15.1%",
|
|
"secondary-foreground": "60 9.1% 97.8%",
|
|
muted: "12 6.5% 15.1%",
|
|
"muted-foreground": "24 5.4% 63.9%",
|
|
accent: "12 6.5% 15.1%",
|
|
"accent-foreground": "60 9.1% 97.8%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "60 9.1% 97.8%",
|
|
border: "12 6.5% 15.1%",
|
|
input: "12 6.5% 15.1%",
|
|
ring: "35.5 91.7% 32.9%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "violet",
|
|
label: "Violet",
|
|
activeColor: {
|
|
light: "262.1 83.3% 57.8%",
|
|
dark: "263.4 70% 50.4%",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "0 0% 100%",
|
|
foreground: "224 71.4% 4.1%",
|
|
card: "0 0% 100%",
|
|
"card-foreground": "224 71.4% 4.1%",
|
|
popover: "0 0% 100%",
|
|
"popover-foreground": "224 71.4% 4.1%",
|
|
primary: "262.1 83.3% 57.8%",
|
|
"primary-foreground": "210 20% 98%",
|
|
secondary: "220 14.3% 95.9%",
|
|
"secondary-foreground": "220.9 39.3% 11%",
|
|
muted: "220 14.3% 95.9%",
|
|
"muted-foreground": "220 8.9% 46.1%",
|
|
accent: "220 14.3% 95.9%",
|
|
"accent-foreground": "220.9 39.3% 11%",
|
|
destructive: "0 84.2% 60.2%",
|
|
"destructive-foreground": "210 20% 98%",
|
|
border: "220 13% 91%",
|
|
input: "220 13% 91%",
|
|
ring: "262.1 83.3% 57.8%",
|
|
"chart-1": "12 76% 61%",
|
|
"chart-2": "173 58% 39%",
|
|
"chart-3": "197 37% 24%",
|
|
"chart-4": "43 74% 66%",
|
|
"chart-5": "27 87% 67%",
|
|
},
|
|
dark: {
|
|
background: "224 71.4% 4.1%",
|
|
foreground: "210 20% 98%",
|
|
card: "224 71.4% 4.1%",
|
|
"card-foreground": "210 20% 98%",
|
|
popover: "224 71.4% 4.1%",
|
|
"popover-foreground": "210 20% 98%",
|
|
primary: "263.4 70% 50.4%",
|
|
"primary-foreground": "210 20% 98%",
|
|
secondary: "215 27.9% 16.9%",
|
|
"secondary-foreground": "210 20% 98%",
|
|
muted: "215 27.9% 16.9%",
|
|
"muted-foreground": "217.9 10.6% 64.9%",
|
|
accent: "215 27.9% 16.9%",
|
|
"accent-foreground": "210 20% 98%",
|
|
destructive: "0 62.8% 30.6%",
|
|
"destructive-foreground": "210 20% 98%",
|
|
border: "215 27.9% 16.9%",
|
|
input: "215 27.9% 16.9%",
|
|
ring: "263.4 70% 50.4%",
|
|
"chart-1": "220 70% 50%",
|
|
"chart-2": "160 60% 45%",
|
|
"chart-3": "30 80% 55%",
|
|
"chart-4": "280 65% 60%",
|
|
"chart-5": "340 75% 55%",
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "hanzo",
|
|
label: "Hanzo",
|
|
activeColor: {
|
|
light: "oklch(0.488 0.243 264.376)",
|
|
dark: "oklch(0.488 0.243 264.376)",
|
|
},
|
|
cssVars: {
|
|
light: {
|
|
background: "oklch(1 0 0)",
|
|
foreground: "oklch(0.141 0.005 285.823)",
|
|
card: "oklch(1 0 0)",
|
|
"card-foreground": "oklch(0.141 0.005 285.823)",
|
|
popover: "oklch(1 0 0)",
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)",
|
|
primary: "oklch(0.488 0.243 264.376)",
|
|
"primary-foreground": "oklch(0.97 0.014 254.604)",
|
|
secondary: "oklch(0.967 0.001 286.375)",
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)",
|
|
muted: "oklch(0.967 0.001 286.375)",
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)",
|
|
accent: "oklch(0.967 0.001 286.375)",
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)",
|
|
destructive: "oklch(0.577 0.245 27.325)",
|
|
"destructive-foreground": "oklch(0.97 0.014 254.604)",
|
|
border: "oklch(0.92 0.004 286.32)",
|
|
input: "oklch(0.92 0.004 286.32)",
|
|
ring: "oklch(0.708 0 0)",
|
|
radius: "0.65rem",
|
|
"chart-1": "oklch(0.809 0.105 251.813)",
|
|
"chart-2": "oklch(0.623 0.214 259.815)",
|
|
"chart-3": "oklch(0.546 0.245 262.881)",
|
|
"chart-4": "oklch(0.488 0.243 264.376)",
|
|
"chart-5": "oklch(0.424 0.199 265.638)",
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)",
|
|
foreground: "oklch(0.985 0 0)",
|
|
card: "oklch(0.21 0.006 285.885)",
|
|
"card-foreground": "oklch(0.985 0 0)",
|
|
popover: "oklch(0.21 0.006 285.885)",
|
|
"popover-foreground": "oklch(0.985 0 0)",
|
|
primary: "oklch(0.488 0.243 264.376)",
|
|
"primary-foreground": "oklch(0.97 0.014 254.604)",
|
|
secondary: "oklch(0.274 0.006 286.033)",
|
|
"secondary-foreground": "oklch(0.985 0 0)",
|
|
muted: "oklch(0.274 0.006 286.033)",
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)",
|
|
accent: "oklch(0.274 0.006 286.033)",
|
|
"accent-foreground": "oklch(0.985 0 0)",
|
|
destructive: "oklch(0.704 0.191 22.216)",
|
|
"destructive-foreground": "oklch(0.97 0.014 254.604)",
|
|
border: "oklch(1 0 0 / 10%)",
|
|
input: "oklch(1 0 0 / 15%)",
|
|
ring: "oklch(0.556 0 0)",
|
|
"chart-1": "oklch(0.809 0.105 251.813)",
|
|
"chart-2": "oklch(0.623 0.214 259.815)",
|
|
"chart-3": "oklch(0.546 0.245 262.881)",
|
|
"chart-4": "oklch(0.488 0.243 264.376)",
|
|
"chart-5": "oklch(0.424 0.199 265.638)",
|
|
},
|
|
},
|
|
},
|
|
] as const
|
|
|
|
export type BaseColor = (typeof baseColors)[number]
|
|
|
|
export const baseColorsV4 = {
|
|
stone: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-white
|
|
foreground: "oklch(0.147 0.004 49.25)", // --color-stone-950
|
|
card: "oklch(1 0 0)", // --color-white
|
|
"card-foreground": "oklch(0.147 0.004 49.25)", // --color-stone-950
|
|
popover: "oklch(1 0 0)", // --color-white
|
|
"popover-foreground": "oklch(0.147 0.004 49.25)", // --color-stone-950
|
|
primary: "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
"primary-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
secondary: "oklch(0.97 0.001 106.424)", // --color-stone-100
|
|
"secondary-foreground": "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
muted: "oklch(0.97 0.001 106.424)", // --color-stone-100
|
|
"muted-foreground": "oklch(0.553 0.013 58.071)", // --color-stone-500
|
|
accent: "oklch(0.97 0.001 106.424)", // --color-stone-100
|
|
"accent-foreground": "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.923 0.003 48.717)", // --color-stone-200
|
|
input: "oklch(0.923 0.003 48.717)", // --color-stone-200
|
|
ring: "oklch(0.709 0.01 56.259)", // --color-stone-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
"sidebar-foreground": "oklch(0.147 0.004 49.25)", // --color-stone-950
|
|
"sidebar-primary": "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
"sidebar-accent": "oklch(0.97 0.001 106.424)", // --color-stone-100
|
|
"sidebar-accent-foreground": "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
"sidebar-border": "oklch(0.923 0.003 48.717)", // --color-stone-200
|
|
"sidebar-ring": "oklch(0.709 0.01 56.259)", // --color-stone-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.147 0.004 49.25)", // --color-stone-950
|
|
foreground: "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
card: "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
"card-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
popover: "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
"popover-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
primary: "oklch(0.923 0.003 48.717)", // --color-stone-200
|
|
"primary-foreground": "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
secondary: "oklch(0.268 0.007 34.298)", // --color-stone-800
|
|
"secondary-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
muted: "oklch(0.268 0.007 34.298)", // --color-stone-800
|
|
"muted-foreground": "oklch(0.709 0.01 56.259)", // --color-stone-400
|
|
accent: "oklch(0.268 0.007 34.298)", // --color-stone-800
|
|
"accent-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-500
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.553 0.013 58.071)", // --color-stone-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.216 0.006 56.043)", // --color-stone-900
|
|
"sidebar-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
"sidebar-accent": "oklch(0.268 0.007 34.298)", // --color-stone-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0.001 106.423)", // --color-stone-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.553 0.013 58.071)", // --color-stone-500
|
|
},
|
|
},
|
|
zinc: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
card: "oklch(1 0 0)", // --color-zinc-50
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
popover: "oklch(1 0 0)", // --color-zinc-50
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
primary: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"primary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
ring: "oklch(0.705 0.015 286.067)", // --color-zinc-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
"sidebar-primary": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
"sidebar-ring": "oklch(0.705 0.015 286.067)", // --color-zinc-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
primary: "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
"primary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.552 0.016 285.938)", // --color-zinc-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.552 0.016 285.938)", // --color-zinc-500
|
|
},
|
|
},
|
|
neutral: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-neutral-50
|
|
foreground: "oklch(0.145 0 0)", // --color-neutral-950
|
|
card: "oklch(1 0 0)", // --color-neutral-50
|
|
"card-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
popover: "oklch(1 0 0)", // --color-neutral-50
|
|
"popover-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
primary: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
secondary: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"secondary-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
muted: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"muted-foreground": "oklch(0.556 0 0)", // --color-neutral-500
|
|
accent: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.922 0 0)", // --color-neutral-200
|
|
input: "oklch(0.922 0 0)", // --color-neutral-200
|
|
ring: "oklch(0.708 0 0)", // --color-neutral-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
"sidebar-primary": "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-accent": "oklch(0.97 0 0)", // --color-neutral-100
|
|
"sidebar-accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-border": "oklch(0.922 0 0)", // --color-neutral-200
|
|
"sidebar-ring": "oklch(0.708 0 0)", // --color-neutral-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.145 0 0)", // --color-neutral-950
|
|
foreground: "oklch(0.985 0 0)", // --color-neutral-50
|
|
card: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
popover: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
primary: "oklch(0.922 0 0)", // --color-neutral-200
|
|
"primary-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
secondary: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
muted: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"muted-foreground": "oklch(0.708 0 0)", // --color-neutral-400
|
|
accent: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.556 0 0)", // --color-neutral-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-accent": "oklch(0.269 0 0)", // --color-neutral-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.556 0 0)", // --color-neutral-500
|
|
},
|
|
},
|
|
gray: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-white (closest to gray-50)
|
|
foreground: "oklch(0.13 0.028 261.692)", // --color-gray-950
|
|
card: "oklch(1 0 0)", // --color-white (closest to gray-50)
|
|
"card-foreground": "oklch(0.13 0.028 261.692)", // --color-gray-950
|
|
popover: "oklch(1 0 0)", // --color-white (closest to gray-50)
|
|
"popover-foreground": "oklch(0.13 0.028 261.692)", // --color-gray-950
|
|
primary: "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
"primary-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
secondary: "oklch(0.967 0.003 264.542)", // --color-gray-100
|
|
"secondary-foreground": "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
muted: "oklch(0.967 0.003 264.542)", // --color-gray-100
|
|
"muted-foreground": "oklch(0.551 0.027 264.364)", // --color-gray-500
|
|
accent: "oklch(0.967 0.003 264.542)", // --color-gray-100
|
|
"accent-foreground": "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.928 0.006 264.531)", // --color-gray-200
|
|
input: "oklch(0.928 0.006 264.531)", // --color-gray-200
|
|
ring: "oklch(0.707 0.022 261.325)", // --color-gray-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
"sidebar-foreground": "oklch(0.13 0.028 261.692)", // --color-gray-950
|
|
"sidebar-primary": "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
"sidebar-accent": "oklch(0.967 0.003 264.542)", // --color-gray-100
|
|
"sidebar-accent-foreground": "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
"sidebar-border": "oklch(0.928 0.006 264.531)", // --color-gray-200
|
|
"sidebar-ring": "oklch(0.707 0.022 261.325)", // --color-gray-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.13 0.028 261.692)", // --color-gray-950
|
|
foreground: "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
card: "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
"card-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
popover: "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
"popover-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
primary: "oklch(0.928 0.006 264.531)", // --color-gray-200
|
|
"primary-foreground": "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
secondary: "oklch(0.278 0.033 256.848)", // --color-gray-800
|
|
"secondary-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
muted: "oklch(0.278 0.033 256.848)", // --color-gray-800
|
|
"muted-foreground": "oklch(0.707 0.022 261.325)", // --color-gray-400
|
|
accent: "oklch(0.278 0.033 256.848)", // --color-gray-800
|
|
"accent-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.551 0.027 264.364)", // --color-gray-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.21 0.034 264.665)", // --color-gray-900
|
|
"sidebar-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
"sidebar-accent": "oklch(0.278 0.033 256.848)", // --color-gray-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0.002 247.839)", // --color-gray-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.551 0.027 264.364)", // --color-gray-500
|
|
},
|
|
},
|
|
slate: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-white (closest to slate-50)
|
|
foreground: "oklch(0.129 0.042 264.695)", // --color-slate-950
|
|
card: "oklch(1 0 0)", // --color-white (closest to slate-50)
|
|
"card-foreground": "oklch(0.129 0.042 264.695)", // --color-slate-950
|
|
popover: "oklch(1 0 0)", // --color-white (closest to slate-50)
|
|
"popover-foreground": "oklch(0.129 0.042 264.695)", // --color-slate-950
|
|
primary: "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
"primary-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
secondary: "oklch(0.968 0.007 247.896)", // --color-slate-100
|
|
"secondary-foreground": "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
muted: "oklch(0.968 0.007 247.896)", // --color-slate-100
|
|
"muted-foreground": "oklch(0.554 0.046 257.417)", // --color-slate-500
|
|
accent: "oklch(0.968 0.007 247.896)", // --color-slate-100
|
|
"accent-foreground": "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.929 0.013 255.508)", // --color-slate-200
|
|
input: "oklch(0.929 0.013 255.508)", // --color-slate-200
|
|
ring: "oklch(0.704 0.04 256.788)", // --color-slate-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
"sidebar-foreground": "oklch(0.129 0.042 264.695)", // --color-slate-950
|
|
"sidebar-primary": "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
"sidebar-primary-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
"sidebar-accent": "oklch(0.968 0.007 247.896)", // --color-slate-100
|
|
"sidebar-accent-foreground": "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
"sidebar-border": "oklch(0.929 0.013 255.508)", // --color-slate-200
|
|
"sidebar-ring": "oklch(0.704 0.04 256.788)", // --color-slate-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.129 0.042 264.695)", // --color-slate-950
|
|
foreground: "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
card: "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
"card-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
popover: "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
"popover-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
primary: "oklch(0.929 0.013 255.508)", // --color-slate-200
|
|
"primary-foreground": "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
secondary: "oklch(0.279 0.041 260.031)", // --color-slate-800
|
|
"secondary-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
muted: "oklch(0.279 0.041 260.031)", // --color-slate-800
|
|
"muted-foreground": "oklch(0.704 0.04 256.788)", // --color-slate-400
|
|
accent: "oklch(0.279 0.041 260.031)", // --color-slate-800
|
|
"accent-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.551 0.027 264.364)", // --color-slate-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.208 0.042 265.755)", // --color-slate-900
|
|
"sidebar-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
"sidebar-accent": "oklch(0.279 0.041 260.031)", // --color-slate-800
|
|
"sidebar-accent-foreground": "oklch(0.984 0.003 247.858)", // --color-slate-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.551 0.027 264.364)", // --color-slate-500
|
|
},
|
|
},
|
|
} as const
|
|
|
|
export const baseColorsOKLCH = {
|
|
default: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-neutral-50
|
|
foreground: "oklch(0.145 0 0)", // --color-neutral-950
|
|
card: "oklch(1 0 0)", // --color-neutral-50
|
|
"card-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
popover: "oklch(1 0 0)", // --color-neutral-50
|
|
"popover-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
primary: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
secondary: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"secondary-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
muted: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"muted-foreground": "oklch(0.556 0 0)", // --color-neutral-500
|
|
accent: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.922 0 0)", // --color-neutral-200
|
|
input: "oklch(0.922 0 0)", // --color-neutral-200
|
|
ring: "oklch(0.708 0 0)", // --color-neutral-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
"sidebar-primary": "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-accent": "oklch(0.97 0 0)", // --color-neutral-100
|
|
"sidebar-accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-border": "oklch(0.922 0 0)", // --color-neutral-200
|
|
"sidebar-ring": "oklch(0.708 0 0)", // --color-neutral-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.145 0 0)", // --color-neutral-950
|
|
foreground: "oklch(0.985 0 0)", // --color-neutral-50
|
|
card: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
popover: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
primary: "oklch(0.922 0 0)", // --color-neutral-200
|
|
"primary-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
secondary: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
muted: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"muted-foreground": "oklch(0.708 0 0)", // --color-neutral-400
|
|
accent: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.556 0 0)", // --color-neutral-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-accent": "oklch(0.269 0 0)", // --color-neutral-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.556 0 0)", // --color-neutral-500
|
|
},
|
|
},
|
|
neutral: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-neutral-50
|
|
foreground: "oklch(0.145 0 0)", // --color-neutral-950
|
|
card: "oklch(1 0 0)", // --color-neutral-50
|
|
"card-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
popover: "oklch(1 0 0)", // --color-neutral-50
|
|
"popover-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
primary: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
secondary: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"secondary-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
muted: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"muted-foreground": "oklch(0.556 0 0)", // --color-neutral-500
|
|
accent: "oklch(0.97 0 0)", // --color-neutral-100
|
|
"accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.922 0 0)", // --color-neutral-200
|
|
input: "oklch(0.922 0 0)", // --color-neutral-200
|
|
ring: "oklch(0.708 0 0)", // --color-neutral-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
radius: "0.625rem",
|
|
sidebar: "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-foreground": "oklch(0.145 0 0)", // --color-neutral-950
|
|
"sidebar-primary": "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-accent": "oklch(0.97 0 0)", // --color-neutral-100
|
|
"sidebar-accent-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-border": "oklch(0.922 0 0)", // --color-neutral-200
|
|
"sidebar-ring": "oklch(0.708 0 0)", // --color-neutral-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.145 0 0)", // --color-neutral-950
|
|
foreground: "oklch(0.985 0 0)", // --color-neutral-50
|
|
card: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
popover: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
primary: "oklch(0.922 0 0)", // --color-neutral-200
|
|
"primary-foreground": "oklch(0.205 0 0)", // --color-neutral-900
|
|
secondary: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
muted: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"muted-foreground": "oklch(0.708 0 0)", // --color-neutral-400
|
|
accent: "oklch(0.269 0 0)", // --color-neutral-800
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.556 0 0)", // --color-neutral-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.205 0 0)", // --color-neutral-900
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-accent": "oklch(0.269 0 0)", // --color-neutral-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-neutral-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.556 0 0)", // --color-neutral-500
|
|
},
|
|
},
|
|
zinc: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
card: "oklch(1 0 0)", // --color-zinc-50
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
popover: "oklch(1 0 0)", // --color-zinc-50
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
primary: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"primary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
ring: "oklch(0.705 0.015 286.067)", // --color-zinc-400
|
|
"chart-1": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-2": "oklch(0.6 0.118 184.704)", // --color-teal-600
|
|
"chart-3": "oklch(0.398 0.07 227.392)", // --color-cyan-900
|
|
"chart-4": "oklch(0.828 0.189 84.429)", // --color-amber-400
|
|
"chart-5": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
"sidebar-primary": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
"sidebar-ring": "oklch(0.705 0.015 286.067)", // --color-zinc-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
primary: "oklch(0.92 0.004 286.32)", // --color-zinc-200
|
|
"primary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
border: "oklch(1 0 0 / 10%)", // --color-white
|
|
input: "oklch(1 0 0 / 15%)", // --color-white
|
|
ring: "oklch(0.552 0.016 285.938)", // --color-zinc-500
|
|
"chart-1": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-2": "oklch(0.696 0.17 162.48)", // --color-emerald-500
|
|
"chart-3": "oklch(0.769 0.188 70.08)", // --color-amber-500
|
|
"chart-4": "oklch(0.627 0.265 303.9)", // --color-purple-500
|
|
"chart-5": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-primary": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"sidebar-primary-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white
|
|
"sidebar-ring": "oklch(0.552 0.016 285.938)", // --color-zinc-500
|
|
},
|
|
},
|
|
red: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
"primary-foreground": "oklch(0.971 0.013 17.38)", // --color-red-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
"chart-1": "oklch(0.808 0.114 19.571)", // --color-red-300
|
|
"chart-2": "oklch(0.637 0.237 25.331)", // --color-red-500
|
|
"chart-3": "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
"chart-4": "oklch(0.505 0.213 27.518)", // --color-red-700
|
|
"chart-5": "oklch(0.444 0.177 26.899)", // --color-red-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
"sidebar-primary-foreground": "oklch(0.971 0.013 17.38)", // --color-red-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.704 0.191 22.216)", // --color-red-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.637 0.237 25.331)", // --color-red-500 (approx HSL 0 72.2% 50.6%)
|
|
"primary-foreground": "oklch(0.971 0.013 17.38)", // --color-red-50 (approx HSL 0 85.7% 97.3%)
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.396 0.141 25.723)", // --color-red-900
|
|
"chart-1": "oklch(0.808 0.114 19.571)", // --color-red-300
|
|
"chart-2": "oklch(0.637 0.237 25.331)", // --color-red-500
|
|
"chart-3": "oklch(0.577 0.245 27.325)", // --color-red-600
|
|
"chart-4": "oklch(0.505 0.213 27.518)", // --color-red-700
|
|
"chart-5": "oklch(0.444 0.177 26.899)", // --color-red-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.637 0.237 25.331)", // --color-red-500 (approx HSL 0 72.2% 50.6%)
|
|
"sidebar-primary-foreground": "oklch(0.971 0.013 17.38)", // --color-red-50 (approx HSL 0 85.7% 97.3%)
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.396 0.141 25.723)", // --color-red-900
|
|
},
|
|
},
|
|
rose: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.586 0.253 17.585)", // --color-rose-600
|
|
"primary-foreground": "oklch(0.969 0.015 12.422)", // --color-rose-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.712 0.194 13.428)", // --color-rose-400
|
|
"chart-1": "oklch(0.81 0.117 11.638)", // --color-rose-300
|
|
"chart-2": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
"chart-3": "oklch(0.586 0.253 17.585)", // --color-rose-600
|
|
"chart-4": "oklch(0.514 0.222 16.935)", // --color-rose-700
|
|
"chart-5": "oklch(0.455 0.188 13.697)", // --color-rose-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.586 0.253 17.585)", // --color-rose-600
|
|
"sidebar-primary-foreground": "oklch(0.969 0.015 12.422)", // --color-rose-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.712 0.194 13.428)", // --color-rose-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.645 0.246 16.439)", // --color-rose-500 (approx HSL 346.8 77.2% 49.8%)
|
|
"primary-foreground": "oklch(0.969 0.015 12.422)", // --color-rose-50 (approx HSL 355.7 100% 97.3%)
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.41 0.159 10.272)", // --color-rose-900
|
|
"chart-1": "oklch(0.81 0.117 11.638)", // --color-rose-300
|
|
"chart-2": "oklch(0.645 0.246 16.439)", // --color-rose-500
|
|
"chart-3": "oklch(0.586 0.253 17.585)", // --color-rose-600
|
|
"chart-4": "oklch(0.514 0.222 16.935)", // --color-rose-700
|
|
"chart-5": "oklch(0.455 0.188 13.697)", // --color-rose-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.645 0.246 16.439)", // --color-rose-500 (approx HSL 346.8 77.2% 49.8%)
|
|
"sidebar-primary-foreground": "oklch(0.969 0.015 12.422)", // --color-rose-50 (approx HSL 355.7 100% 97.3%)
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.41 0.159 10.272)", // --color-rose-900
|
|
},
|
|
},
|
|
orange: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"primary-foreground": "oklch(0.98 0.016 73.684)", // --color-orange-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.75 0.183 55.934)", // --color-orange-400
|
|
"chart-1": "oklch(0.837 0.128 66.29)", // --color-orange-300
|
|
"chart-2": "oklch(0.705 0.213 47.604)", // --color-orange-500
|
|
"chart-3": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-4": "oklch(0.553 0.195 38.402)", // --color-orange-700
|
|
"chart-5": "oklch(0.47 0.157 37.304)", // --color-orange-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"sidebar-primary-foreground": "oklch(0.98 0.016 73.684)", // --color-orange-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.75 0.183 55.934)", // --color-orange-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.705 0.213 47.604)", // --color-orange-500
|
|
"primary-foreground": "oklch(0.98 0.016 73.684)", // --color-orange-50
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.408 0.123 38.172)", // --color-orange-900
|
|
"chart-1": "oklch(0.837 0.128 66.29)", // --color-orange-300
|
|
"chart-2": "oklch(0.705 0.213 47.604)", // --color-orange-500
|
|
"chart-3": "oklch(0.646 0.222 41.116)", // --color-orange-600
|
|
"chart-4": "oklch(0.553 0.195 38.402)", // --color-orange-700
|
|
"chart-5": "oklch(0.47 0.157 37.304)", // --color-orange-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.705 0.213 47.604)", // --color-orange-500
|
|
"sidebar-primary-foreground": "oklch(0.98 0.016 73.684)", // --color-orange-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.408 0.123 38.172)", // --color-orange-900
|
|
},
|
|
},
|
|
green: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.648 0.2 131.684)", // --color-lime-600
|
|
"primary-foreground": "oklch(0.986 0.031 120.757)", // --color-lime-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.841 0.238 128.85)", // --color-lime-400
|
|
"chart-1": "oklch(0.871 0.15 154.449)", // --color-green-300
|
|
"chart-2": "oklch(0.723 0.219 149.579)", // --color-green-500
|
|
"chart-3": "oklch(0.627 0.194 149.214)", // --color-green-600
|
|
"chart-4": "oklch(0.527 0.154 150.069)", // --color-green-700
|
|
"chart-5": "oklch(0.448 0.119 151.328)", // --color-green-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.648 0.2 131.684)", // --color-lime-600
|
|
"sidebar-primary-foreground": "oklch(0.986 0.031 120.757)", // --color-lime-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.841 0.238 128.85)", // --color-lime-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.648 0.2 131.684)", // --color-lime-600
|
|
"primary-foreground": "oklch(0.986 0.031 120.757)", // --color-lime-50
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.405 0.101 131.063)", // --color-lime-900
|
|
"chart-1": "oklch(0.871 0.15 154.449)", // --color-green-300
|
|
"chart-2": "oklch(0.723 0.219 149.579)", // --color-green-500
|
|
"chart-3": "oklch(0.627 0.194 149.214)", // --color-green-600
|
|
"chart-4": "oklch(0.527 0.154 150.069)", // --color-green-700
|
|
"chart-5": "oklch(0.448 0.119 151.328)", // --color-green-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.768 0.233 130.85)", // --color-lime-500
|
|
"sidebar-primary-foreground": "oklch(0.986 0.031 120.757)", // --color-lime-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.405 0.101 131.063)", // --color-lime-900
|
|
},
|
|
},
|
|
blue: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"primary-foreground": "oklch(0.97 0.014 254.604)", // --color-blue-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.708 0 0)", // default ring
|
|
"chart-1": "oklch(0.809 0.105 251.813)", // --color-blue-300
|
|
"chart-2": "oklch(0.623 0.214 259.815)", // --color-blue-500
|
|
"chart-3": "oklch(0.546 0.245 262.881)", // --color-blue-600
|
|
"chart-4": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-5": "oklch(0.424 0.199 265.638)", // --color-blue-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.546 0.245 262.881)", // --color-blue-600
|
|
"sidebar-primary-foreground": "oklch(0.97 0.014 254.604)", // --color-blue-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.708 0 0)", // default sidebar ring
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"primary-foreground": "oklch(0.97 0.014 254.604)", // --color-blue-50
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.556 0 0)", // default ring (dark)
|
|
"chart-1": "oklch(0.809 0.105 251.813)", // --color-blue-300
|
|
"chart-2": "oklch(0.623 0.214 259.815)", // --color-blue-500
|
|
"chart-3": "oklch(0.546 0.245 262.881)", // --color-blue-600
|
|
"chart-4": "oklch(0.488 0.243 264.376)", // --color-blue-700
|
|
"chart-5": "oklch(0.424 0.199 265.638)", // --color-blue-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.623 0.214 259.815)", // --color-blue-500
|
|
"sidebar-primary-foreground": "oklch(0.97 0.014 254.604)", // --color-blue-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.439 0 0)", // default sidebar ring (dark)
|
|
},
|
|
},
|
|
yellow: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.852 0.199 91.936)", // --color-yellow-400
|
|
"primary-foreground": "oklch(0.421 0.095 57.708)", // --color-yellow-900
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.852 0.199 91.936)", // --color-yellow-400
|
|
"chart-1": "oklch(0.905 0.182 98.111)", // --color-yellow-300
|
|
"chart-2": "oklch(0.795 0.184 86.047)", // --color-yellow-500
|
|
"chart-3": "oklch(0.681 0.162 75.834)", // --color-yellow-600
|
|
"chart-4": "oklch(0.554 0.135 66.442)", // --color-yellow-700
|
|
"chart-5": "oklch(0.476 0.114 61.907)", // --color-yellow-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.681 0.162 75.834)", // --color-yellow-600
|
|
"sidebar-primary-foreground": "oklch(0.987 0.026 102.212)", // --color-yellow-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.852 0.199 91.936)", // --color-yellow-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.795 0.184 86.047)", // --color-yellow-500 (approx HSL 47.9 95.8% 53.1%)
|
|
"primary-foreground": "oklch(0.421 0.095 57.708)", // --color-yellow-900 (approx HSL 26 83.3% 14.1%)
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.421 0.095 57.708)", // --color-yellow-900
|
|
"chart-1": "oklch(0.905 0.182 98.111)", // --color-yellow-300
|
|
"chart-2": "oklch(0.795 0.184 86.047)", // --color-yellow-500
|
|
"chart-3": "oklch(0.681 0.162 75.834)", // --color-yellow-600
|
|
"chart-4": "oklch(0.554 0.135 66.442)", // --color-yellow-700
|
|
"chart-5": "oklch(0.476 0.114 61.907)", // --color-yellow-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.795 0.184 86.047)", // --color-yellow-500
|
|
"sidebar-primary-foreground": "oklch(0.987 0.026 102.212)", // --color-yellow-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.421 0.095 57.708)", // --color-yellow-900
|
|
},
|
|
},
|
|
violet: {
|
|
light: {
|
|
background: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
foreground: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
card: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"card-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
popover: "oklch(1 0 0)", // --color-zinc-50 (from zinc)
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
primary: "oklch(0.541 0.281 293.009)", // --color-violet-600
|
|
"primary-foreground": "oklch(0.969 0.016 293.756)", // --color-violet-50
|
|
secondary: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
muted: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)", // --color-zinc-500 (from zinc)
|
|
accent: "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
destructive: "oklch(0.577 0.245 27.325)", // --color-red-600 (from zinc)
|
|
border: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
input: "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
ring: "oklch(0.702 0.183 293.541)", // --color-violet-400
|
|
"chart-1": "oklch(0.811 0.111 293.571)", // --color-violet-300
|
|
"chart-2": "oklch(0.606 0.25 292.717)", // --color-violet-500
|
|
"chart-3": "oklch(0.541 0.281 293.009)", // --color-violet-600
|
|
"chart-4": "oklch(0.491 0.27 292.581)", // --color-violet-700
|
|
"chart-5": "oklch(0.432 0.232 292.759)", // --color-violet-800
|
|
sidebar: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
"sidebar-primary": "oklch(0.541 0.281 293.009)", // --color-violet-600
|
|
"sidebar-primary-foreground": "oklch(0.969 0.016 293.756)", // --color-violet-50
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)", // --color-zinc-100 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)", // --color-zinc-200 (from zinc)
|
|
"sidebar-ring": "oklch(0.702 0.183 293.541)", // --color-violet-400
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)", // --color-zinc-950 (from zinc)
|
|
foreground: "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
card: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"card-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
popover: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"popover-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
primary: "oklch(0.606 0.25 292.717)", // --color-violet-500
|
|
"primary-foreground": "oklch(0.969 0.016 293.756)", // --color-violet-50
|
|
secondary: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"secondary-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
muted: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)", // --color-zinc-400 (from zinc)
|
|
accent: "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
destructive: "oklch(0.704 0.191 22.216)", // --color-red-400 (from zinc)
|
|
border: "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
input: "oklch(1 0 0 / 15%)", // --color-white (from zinc)
|
|
ring: "oklch(0.38 0.189 293.745)", // --color-violet-900
|
|
"chart-1": "oklch(0.811 0.111 293.571)", // --color-violet-300
|
|
"chart-2": "oklch(0.606 0.25 292.717)", // --color-violet-500
|
|
"chart-3": "oklch(0.541 0.281 293.009)", // --color-violet-600
|
|
"chart-4": "oklch(0.491 0.27 292.581)", // --color-violet-700
|
|
"chart-5": "oklch(0.432 0.232 292.759)", // --color-violet-800
|
|
sidebar: "oklch(0.21 0.006 285.885)", // --color-zinc-900 (from zinc)
|
|
"sidebar-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-primary": "oklch(0.606 0.25 292.717)", // --color-violet-500
|
|
"sidebar-primary-foreground": "oklch(0.969 0.016 293.756)", // --color-violet-50
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)", // --color-zinc-800 (from zinc)
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)", // --color-zinc-50 (from zinc)
|
|
"sidebar-border": "oklch(1 0 0 / 10%)", // --color-white (from zinc)
|
|
"sidebar-ring": "oklch(0.38 0.189 293.745)", // --color-violet-900
|
|
},
|
|
},
|
|
hanzo: {
|
|
light: {
|
|
background: "oklch(1 0 0)",
|
|
foreground: "oklch(0.141 0.005 285.823)",
|
|
card: "oklch(1 0 0)",
|
|
"card-foreground": "oklch(0.141 0.005 285.823)",
|
|
popover: "oklch(1 0 0)",
|
|
"popover-foreground": "oklch(0.141 0.005 285.823)",
|
|
primary: "oklch(0.488 0.243 264.376)",
|
|
"primary-foreground": "oklch(0.97 0.014 254.604)",
|
|
secondary: "oklch(0.967 0.001 286.375)",
|
|
"secondary-foreground": "oklch(0.21 0.006 285.885)",
|
|
muted: "oklch(0.967 0.001 286.375)",
|
|
"muted-foreground": "oklch(0.552 0.016 285.938)",
|
|
accent: "oklch(0.967 0.001 286.375)",
|
|
"accent-foreground": "oklch(0.21 0.006 285.885)",
|
|
destructive: "oklch(0.577 0.245 27.325)",
|
|
"destructive-foreground": "oklch(0.97 0.014 254.604)",
|
|
border: "oklch(0.92 0.004 286.32)",
|
|
input: "oklch(0.92 0.004 286.32)",
|
|
ring: "oklch(0.708 0 0)",
|
|
"chart-1": "oklch(0.809 0.105 251.813)",
|
|
"chart-2": "oklch(0.623 0.214 259.815)",
|
|
"chart-3": "oklch(0.546 0.245 262.881)",
|
|
"chart-4": "oklch(0.488 0.243 264.376)",
|
|
"chart-5": "oklch(0.424 0.199 265.638)",
|
|
radius: "0.65rem",
|
|
sidebar: "oklch(0.985 0 0)",
|
|
"sidebar-foreground": "oklch(0.141 0.005 285.823)",
|
|
"sidebar-primary": "oklch(0.546 0.245 262.881)",
|
|
"sidebar-primary-foreground": "oklch(0.97 0.014 254.604)",
|
|
"sidebar-accent": "oklch(0.967 0.001 286.375)",
|
|
"sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
|
|
"sidebar-border": "oklch(0.92 0.004 286.32)",
|
|
"sidebar-ring": "oklch(0.708 0 0)",
|
|
},
|
|
dark: {
|
|
background: "oklch(0.141 0.005 285.823)",
|
|
foreground: "oklch(0.985 0 0)",
|
|
card: "oklch(0.21 0.006 285.885)",
|
|
"card-foreground": "oklch(0.985 0 0)",
|
|
popover: "oklch(0.21 0.006 285.885)",
|
|
"popover-foreground": "oklch(0.985 0 0)",
|
|
primary: "oklch(0.488 0.243 264.376)",
|
|
"primary-foreground": "oklch(0.97 0.014 254.604)",
|
|
secondary: "oklch(0.274 0.006 286.033)",
|
|
"secondary-foreground": "oklch(0.985 0 0)",
|
|
muted: "oklch(0.274 0.006 286.033)",
|
|
"muted-foreground": "oklch(0.705 0.015 286.067)",
|
|
accent: "oklch(0.274 0.006 286.033)",
|
|
"accent-foreground": "oklch(0.985 0 0)",
|
|
destructive: "oklch(0.704 0.191 22.216)",
|
|
"destructive-foreground": "oklch(0.97 0.014 254.604)",
|
|
border: "oklch(1 0 0 / 10%)",
|
|
input: "oklch(1 0 0 / 15%)",
|
|
ring: "oklch(0.556 0 0)",
|
|
"chart-1": "oklch(0.809 0.105 251.813)",
|
|
"chart-2": "oklch(0.623 0.214 259.815)",
|
|
"chart-3": "oklch(0.546 0.245 262.881)",
|
|
"chart-4": "oklch(0.488 0.243 264.376)",
|
|
"chart-5": "oklch(0.424 0.199 265.638)",
|
|
sidebar: "oklch(0.21 0.006 285.885)",
|
|
"sidebar-foreground": "oklch(0.985 0 0)",
|
|
"sidebar-primary": "oklch(0.623 0.214 259.815)",
|
|
"sidebar-primary-foreground": "oklch(0.97 0.014 254.604)",
|
|
"sidebar-accent": "oklch(0.274 0.006 286.033)",
|
|
"sidebar-accent-foreground": "oklch(0.985 0 0)",
|
|
"sidebar-border": "oklch(1 0 0 / 10%)",
|
|
"sidebar-ring": "oklch(0.439 0 0)",
|
|
},
|
|
},
|
|
}
|