Function sanitizeColors

src/renderer/src/utils/screenshot.ts:11–42

* Sanitize CSS color values that html2canvas doesn't support

(element: HTMLElement)

 * Sanitize CSS color values that html2canvas doesn't support
 */
function sanitizeColors(element: HTMLElement): void {
  const unsupportedColorFunctions = ['oklab', 'oklch', 'lab', 'lch', 'color-mix']

  const walkDOM = (node: Element): void => {
    if (node instanceof HTMLElement) {
      const style = node.style
      const computed = window.getComputedStyle(node)

      // Check common color properties
      const colorProps = ['color', 'backgroundColor', 'borderColor', 'outlineColor']
      for (const prop of colorProps) {
        const value = computed.getPropertyValue(prop.replace(/([A-Z])/g, '-$1').toLowerCase())
        if (value && unsupportedColorFunctions.some((fn) => value.includes(fn))) {
          // Replace with a fallback color
          if (prop === 'backgroundColor') {
            style.backgroundColor = '#ffffff'
          } else if (prop === 'color') {
            style.color = '#000000'
          } else {
            ;(style as unknown as Record<string, string>)[prop] = 'transparent'
          }
        }
      }
    }

    for (const child of node.children) {
      walkDOM(child)
    }
  }

  walkDOM(element)
}

/**
 * Take a screenshot of a DOM element