getThemeCodeOKLCH() — ui Function Reference

Architecture documentation for the getThemeCodeOKLCH() function in theme-customizer.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives called by 1

Entity Profile

ComponentRegistry→ UIPrimitives→ getThemeCodeOKLCH() — ui Function Reference

Dependency Diagram

graph TD
  93e343d5_d6af_2deb_a0ed_c1445580138f["getThemeCodeOKLCH()"]
  140c7d1e_fab6_452b_6086_5ea5d9731e35["theme-customizer.tsx"]
  93e343d5_d6af_2deb_a0ed_c1445580138f -->|defined in| 140c7d1e_fab6_452b_6086_5ea5d9731e35
  08bc5253_3d27_47f2_fff0_98cd98b59931["CustomizerCode()"]
  08bc5253_3d27_47f2_fff0_98cd98b59931 -->|calls| 93e343d5_d6af_2deb_a0ed_c1445580138f
  style 93e343d5_d6af_2deb_a0ed_c1445580138f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/theme-customizer.tsx lines 490–509

function getThemeCodeOKLCH(theme: BaseColorOKLCH | undefined, radius: number) {
  if (!theme) {
    return ""
  }

  const rootSection =
    ":root {\n  --radius: " +
    radius +
    "rem;\n" +
    Object.entries(theme.light)
      .map((entry) => "  --" + entry[0] + ": " + entry[1] + ";")
      .join("\n") +
    "\n}\n\n.dark {\n" +
    Object.entries(theme.dark)
      .map((entry) => "  --" + entry[0] + ": " + entry[1] + ";")
      .join("\n") +
    "\n}\n"

  return rootSection
}