Skip to content

Mismatch between color tokens in code and figma kit #6285

@mateusznarowski

Description

@mateusznarowski

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:
Image

Image

CODE:
Image

Image

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

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingfigmatriageAwaiting initial review and prioritizationv4#4488

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions