getColorFormat() — ui Function Reference

Architecture documentation for the getColorFormat() function in colors.ts from the ui codebase.

Function typescript DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ getColorFormat() — ui Function Reference

Dependency Diagram

graph TD
  8ea83510_f1ba_7165_798c_2ca0693f55a0["getColorFormat()"]
  56f11136_44de_59ff_9172_8077200c483f["colors.ts"]
  8ea83510_f1ba_7165_798c_2ca0693f55a0 -->|defined in| 56f11136_44de_59ff_9172_8077200c483f
  style 8ea83510_f1ba_7165_798c_2ca0693f55a0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/lib/colors.ts lines 25–34

export function getColorFormat(color: Color) {
  return {
    className: `bg-${color.name}-100`,
    hex: color.hex,
    rgb: color.rgb,
    hsl: color.hsl,
    oklch: color.oklch,
    var: `--color-${color.name}-${color.scale}`,
  }
}