Mismatch between color tokens in code and figma kit
Open
@HugoRCD is already working on this.
Since Apr 2, 2026.
figma
stale
triage
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Environment
Source code/Figma kit
Is this bug related to Nuxt or Vue?
Nuxt
Package
v4.x
Version
v4.6.0
Reproduction
Screenshots below
Description
In the Figma Kit, the bg-muted color is used as the background color for the neutral buttons in the soft and subtle variants, while the code shows bg-elevated.
FIGMA:
CODE:
In dark mode, you can't tell the difference because the same values are assigned, but in light mode, they're different. I came across this while customizing the theme, and because the Figma version differed from the live site.
Additional context
No response
Logs
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.