Design token diff

Showing changes between two snapshots of claude.ai

Before

May 3, 2026

After

May 7, 2026

Before

May 3, 2026

After

May 7, 2026

+7 added−11 removed

5 unchanged

25 unchanged

+1 added−1 removed15 unchanged

+inheritRadius inherit

−var(--cbx-r)Radius var cbx r

+6 added−10 removed2 unchanged

+inset 0 0 0 1px currentColor,0 1px 2px #0000000dShadow 1

+inset 0 0 0 1px currentColorShadow 2

+0 0 0 0 transparent,0 0 0 0 transparentShadow 5

+0 1px 2px 0 rgb(0 0 0 / .05)--cds-shadow-sm

+0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)--cds-shadow-md

+0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)--cds-shadow-lg

−var(--cds-focus-shadow)

−0 0 0 1px rgb(from var(--tw-ring-color) r g b / .5)Shadow 2

−0 0 0 3px rgb(from var(--tw-ring-color) r g b / .5)Shadow 3

−var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)Shadow 4

−var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)Shadow 5

−inset 0 0 0 1px var(--cds-border),0 1px 2px #0000000dShadow 6

−inset 0 0 0 1px var(--cds-border)Shadow 7

−var(--df-shadow-card)Shadow 8

−inset 0 0 0 1px var(--cds-fill-secondary-ring)Shadow 10

−inset 0 0 0 1px var(--cds-fill-accent)Shadow 11