isColorValue() — ui Function Reference

Architecture documentation for the isColorValue() function in update-css-vars.ts from the ui codebase.

Function typescript FrameworkTooling CLICore called by 1

Entity Profile

FrameworkTooling→ CLICore→ isColorValue() — ui Function Reference

Dependency Diagram

graph TD
  80c1c0cd_6316_f919_46c4_1f1c0a4b93f1["isColorValue()"]
  09244f5d_7fce_b385_220b_05945bb9e93b["update-css-vars.ts"]
  80c1c0cd_6316_f919_46c4_1f1c0a4b93f1 -->|defined in| 09244f5d_7fce_b385_220b_05945bb9e93b
  9e221c92_a132_552e_5f2f_e0d1591df611["updateThemePlugin()"]
  9e221c92_a132_552e_5f2f_e0d1591df611 -->|calls| 80c1c0cd_6316_f919_46c4_1f1c0a4b93f1
  style 80c1c0cd_6316_f919_46c4_1f1c0a4b93f1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/src/utils/updaters/update-css-vars.ts lines 898–906

export function isColorValue(value: string) {
  return (
    value.startsWith("hsl") ||
    value.startsWith("rgb") ||
    value.startsWith("#") ||
    value.startsWith("oklch") ||
    value.includes("--color-")
  )
}