resolve() — tailwindcss Function Reference
Architecture documentation for the resolve() function in theme.ts from the tailwindcss codebase.
Entity Profile
Dependency Diagram
graph TD ce52b228_a53f_22f4_e753_5d926d778157["resolve()"] c58d3214_88d6_f4fc_257f_8e84def5b24f["buildDesignSystem()"] c58d3214_88d6_f4fc_257f_8e84def5b24f -->|calls| ce52b228_a53f_22f4_e753_5d926d778157 8d5e20f1_5091_5002_1260_1f08298c4254["asColor()"] 8d5e20f1_5091_5002_1260_1f08298c4254 -->|calls| ce52b228_a53f_22f4_e753_5d926d778157 7b2cecd9_ff4e_832b_e6dd_26768f0757c1["resolveThemeColor()"] 7b2cecd9_ff4e_832b_e6dd_26768f0757c1 -->|calls| ce52b228_a53f_22f4_e753_5d926d778157 0866206a_2fd9_ab63_77ac_471d39e47d4c["resolveValueFunction()"] 0866206a_2fd9_ab63_77ac_471d39e47d4c -->|calls| ce52b228_a53f_22f4_e753_5d926d778157 3e179907_5f92_f314_14dc_f61853c74cad["get()"] ce52b228_a53f_22f4_e753_5d926d778157 -->|calls| 3e179907_5f92_f314_14dc_f61853c74cad style ce52b228_a53f_22f4_e753_5d926d778157 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
packages/tailwindcss/src/theme.ts lines 219–235
resolve(
candidateValue: string | null,
themeKeys: ThemeKey[],
options: ThemeOptions = ThemeOptions.NONE,
): string | null {
let themeKey = this.#resolveKey(candidateValue, themeKeys)
if (!themeKey) return null
let value = this.values.get(themeKey)!
if ((options | value.options) & ThemeOptions.INLINE) {
return value.value
}
return this.#var(themeKey)
}
Domain
Subdomains
Calls
Source
Frequently Asked Questions
What does resolve() do?
resolve() is a function in the tailwindcss codebase.
What does resolve() call?
resolve() calls 1 function(s): get.
What calls resolve()?
resolve() is called by 4 function(s): asColor, buildDesignSystem, resolveThemeColor, resolveValueFunction.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free