getThemesForBaseColor() — ui Function Reference

Architecture documentation for the getThemesForBaseColor() function in config.ts from the ui codebase.

Function typescript ComponentRegistry ChartRegistry called by 1

Entity Profile

ComponentRegistry→ ChartRegistry→ getThemesForBaseColor() — ui Function Reference

Dependency Diagram

graph TD
  7f8936e2_d3e0_3eb1_aeb4_f454b6ec0ff5["getThemesForBaseColor()"]
  ad762621_6a27_5b76_c744_8ca39930b352["config.ts"]
  7f8936e2_d3e0_3eb1_aeb4_f454b6ec0ff5 -->|defined in| ad762621_6a27_5b76_c744_8ca39930b352
  5cee7e4b_4b89_3404_7fdc_1d56bde62ac9["designSystemConfigSchema()"]
  5cee7e4b_4b89_3404_7fdc_1d56bde62ac9 -->|calls| 7f8936e2_d3e0_3eb1_aeb4_f454b6ec0ff5
  style 7f8936e2_d3e0_3eb1_aeb4_f454b6ec0ff5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/config.ts lines 298–307

export function getThemesForBaseColor(baseColorName: string) {
  const baseColorNames = BASE_COLORS.map((bc) => bc.name)

  return THEMES.filter((theme) => {
    if (theme.name === baseColorName) {
      return true
    }
    return !baseColorNames.includes(theme.name)
  })
}