Merge pull request #594 from components-ai/theme-alpha

Ignore colors with alpha in regen

Author: johno

.changeset/hot-dolphins-sneeze.md

@@ -0,0 +1,5 @@
+---
+'@compai/css-gui': patch
+---
+
+Ignore colors with alpha in regen

packages/gui/src/lib/color.ts

@@ -7,6 +7,7 @@ import {
   sample,
 } from 'lodash-es'
 import getContrast from 'get-contrast'
+import * as culori from 'culori'
 import { ThemeColor } from '../components/primitives/ColorPicker/PalettePicker'
 import { RegenOptions } from '../components/schemas/types'
 import { Color } from '../types/css'
@@ -77,6 +78,10 @@ export function randomColor({
       const [path, value] = curr
 
       try {
+        if (hasAlpha(value)) {
+          return acc
+        }
+
         if (
           getContrast.ratio(value, colorToContrastWith) >= CONTRAST_THRESHOLD
         ) {
@@ -101,6 +106,18 @@ export function randomHexColor() {
   )
 }
 
+export function hasAlpha(color: string) {
+  if (!isValidColor(color)) {
+    return false
+  }
+  const { alpha = 1 } = culori.parse(color)
+  return alpha !== 1
+}
+
+export function isValidColor(value: Color) {
+  return !!culori.parse(value)
+}
+
 type Key = string | number
 type KeyPath = Key[]
 type Obj = Record<string, any>