feat: add oklch color format support for /colors (#6441)

shadcn-ui · Jan 24, 2025 · ddf761e · ddf761e
1 parent 5f7957a
commit ddf761e
Show file tree

Hide file tree

Showing 2 changed files with 250 additions and 0 deletions.
diff --git a/apps/www/lib/colors.ts b/apps/www/lib/colors.ts
@@ -11,6 +11,7 @@ const colorSchema = z.object({
   rgb: z.string(),
   hsl: z.string(),
   foreground: z.string(),
+  oklch: z.string(),
 })
 
 const colorPaletteSchema = z.object({
@@ -26,6 +27,7 @@ export function getColorFormat(color: Color) {
     hex: color.hex,
     rgb: color.rgb,
     hsl: color.hsl,
+    oklch: color.oklch,
   }
 }
 
@@ -57,6 +59,10 @@ export function getColors() {
                 /^hsl\(([\d.]+),([\d.]+%),([\d.]+%)\)$/,
                 "$1 $2 $3"
               ),
+              oklch: color.oklch.replace(
+                /^oklch\(([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\)$/,
+                "$1 $2 $3"
+              ),
               foreground: getForegroundFromBackground(rgb),
             }
           }),