Function simplifyColorMixToRgba

packages/extension/utils/css.ts:348–362

(input: string)

}

export function simplifyColorMixToRgba(input: string): string {
  if (!input || !input.includes('color-mix(')) return input

  return input.replace(
    /color-mix\(\s*in\s+srgb\s*,\s*(#[0-9a-fA-F]{3,8})\s+([0-9.]+)%\s*,\s*transparent\s*\)/g,
    (_match, hex: string, pct: string) => {
      const parsed = parseHexColor(hex)
      if (!parsed) return _match
      const weight = Number(pct) / 100
      if (!Number.isFinite(weight)) return _match
      const alpha = toDecimalPlace(Math.min(1, Math.max(0, parsed.a * weight)), 2)
      return `rgba(${parsed.r}, ${parsed.g}, ${parsed.b}, ${alpha})`
    }
  )
}

export function simplifyHexAlphaToRgba(input: string): string {
  if (!input || !input.includes('#')) return input