getThemeCode() — ui Function Reference

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

Function tsx Internationalization RTLLayout called by 1

Entity Profile

Internationalization→ RTLLayout→ getThemeCode() — ui Function Reference

Dependency Diagram

graph TD
  f78f47ee_4f41_8bcf_a739_bc76f2504d01["getThemeCode()"]
  99c48ee8_09f0_5ee4_48c9_597d941f294c["theme-customizer.tsx"]
  f78f47ee_4f41_8bcf_a739_bc76f2504d01 -->|defined in| 99c48ee8_09f0_5ee4_48c9_597d941f294c
  58ff6be5_2050_2b1b_9268_3918ae1d2f4e["CustomizerCode()"]
  58ff6be5_2050_2b1b_9268_3918ae1d2f4e -->|calls| f78f47ee_4f41_8bcf_a739_bc76f2504d01
  style f78f47ee_4f41_8bcf_a739_bc76f2504d01 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/theme-customizer.tsx lines 662–671

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

  return template(BASE_STYLES_WITH_VARIABLES)({
    colors: theme.cssVars,
    radius: radius.toString(),
  })
}