resolveThemeColor() — tailwindcss Function Reference

Architecture documentation for the resolveThemeColor() function in utilities.ts from the tailwindcss codebase.

Function typescript OxideEngine Scanner calls 2

Entity Profile

OxideEngine→ Scanner→ resolveThemeColor() — tailwindcss Function Reference

Dependency Diagram

graph TD
  3c29461b_66f7_8e1b_36c1_73009733fbe6["resolveThemeColor()"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97["utilities.ts"]
  3c29461b_66f7_8e1b_36c1_73009733fbe6 -->|defined in| 2bc6f8eb_6339_d09c_79df_e9025a479c97
  71290460_1a88_ed12_99a9_992d30e78865["resolve()"]
  3c29461b_66f7_8e1b_36c1_73009733fbe6 -->|calls| 71290460_1a88_ed12_99a9_992d30e78865
  862a63f1_955e_2605_54a1_0a25a475b9e9["asColor()"]
  3c29461b_66f7_8e1b_36c1_73009733fbe6 -->|calls| 862a63f1_955e_2605_54a1_0a25a475b9e9
  style 3c29461b_66f7_8e1b_36c1_73009733fbe6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utilities.ts lines 243–280

function resolveThemeColor<T extends ThemeKey>(
  candidate: Extract<Candidate, { kind: 'functional' }>,
  theme: Theme,
  themeKeys: T[],
) {
  if (process.env.NODE_ENV === 'test') {
    if (!candidate.value) {
      throw new Error('resolveThemeColor must be called with a named candidate')
    }

    if (candidate.value.kind !== 'named') {
      throw new Error('resolveThemeColor must be called with a named value')
    }
  }

  let value: string | null = null

  switch (candidate.value!.value) {
    case 'inherit': {
      value = 'inherit'
      break
    }
    case 'transparent': {
      value = 'transparent'
      break
    }
    case 'current': {
      value = 'currentcolor'
      break
    }
    default: {
      value = theme.resolve(candidate.value!.value, themeKeys)
      break
    }
  }

  return value ? asColor(value, candidate.modifier, theme) : null
}