Semantic tokens are designed for specific contexts and typically reference existing core tokens.
Inside the panda.config
file, under the extend key within theme, add a semanticTokens
object to
create semantic tokens.
theme: {
extend: {
semanticTokens: {
...
},
},
},
theme: {
extend: {
semanticTokens: {
colors: {
{ primary:
{ value: '#443434' }
}
}
},
},
},
theme: {
extend: {
semanticTokens: {
colors: {
{ primary:
{ value: '{colors.blue.400}' }
}
}
},
},
},