#6285·ui

Mismatch between color tokens in code and figma kit

Author: mateusznarowskiCreated Apr 2, 2026Updated Sep 21, 2026
Labelsfigma

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

shell-script