Design token diff

Showing changes between two snapshots of tailwindcss.com

Before

Apr 10, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 10, 2026

After

May 7, 2026

+72 added−73 removed

Colors

+47 added−47 removed17 unchanged

Typography

+2 added−3 removed21 unchanged

+inter, "inter Fallback", system-ui|16px|600inter 16px / 600

+inter, "inter Fallback", system-ui|36px|600inter 36px / 600

−var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Code

−var(--font-mono)|var(--text-xs)|var(--font-weight-medium)Prose H2 Has

−var(--font-mono)|var(--text-sm)|400Prose Pre Code

Spacing

+2 added−2 removed30 unchanged

+12vhSpace 12vh

+50%Space 50

−0Space 0

−1pxSpace 1px

Border Radius

+10 added−10 removed6 unchanged

+1.5remRadius 1.5rem

+2remRadius 2rem

+calc(.75rem - 1px)Radius calc .75rem 1px

+9999pxRadius 9999px

+3.35544e+07px3.35544e+07px

+8px8px

+16px16px

Shadows

+11 added−11 removed1 unchanged

+0px 1px 2px #0003,0px 3px 2px #0003,0px 4px 8px #0003Shadow 1

+0px 1px 2px lab(0% 0 0/.2),0px 3px 2px lab(0% 0 0/.2),0px 4px 8px lab(0% 0 0/.2)Shadow 2

+0px 1px 2px #0000004d,0px 3px 2px #0000004d,0px 4px 8px #0000004dShadow 3

+0px 1px 2px lab(0% 0 0/.3),0px 3px 2px lab(0% 0 0/.3),0px 4px 8px lab(0% 0 0/.3)Shadow 4

+0px 1px 2px #00000080,0px 3px 2px #00000080,0px 4px 8px #00000080Shadow 5

+0px 1px 2px lab(0% 0 0/.5),0px 3px 2px lab(0% 0 0/.5),0px 4px 8px lab(0% 0 0/.5)Shadow 6

Back to tailwindcss.com archive

−var(--radius-2xl)Radius var radius 2xl

−var(--radius-3xl)Radius var radius 3xl

−var(--radius-4xl)Radius var radius 4xl

−calc(var(--radius-xl) - 1px)Radius calc var radius xl 1px

−3.40282e38pxRadius 3.40282e38px

−var(--radius-lg)Radius var radius lg

−var(--radius-md)Radius var radius md

−var(--radius-sm)Radius var radius sm

−var(--radius-xl)Radius var radius xl

−var(--radius-xs)Radius var radius xs

0px 1px 0px #00000026

+0px 1px 2px #0000001a,0px 3px 2px #0000001a,0px 4px 8px #0000001a--text-shadow-lg

+0px 1px 1px #0000001a,0px 1px 2px #0000001a,0px 2px 4px #0000001a--text-shadow-md

+0px 1px 0px #00000013,0px 1px 1px #00000013,0px 2px 2px #00000013--text-shadow-sm

+0px 1px 1px #0003--text-shadow-xs

−var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 1

−0px 1px 2px var(--tw-text-shadow-color,#0003),0px 3px 2px var(--tw-text-shadow-color,#0003),0px 4px 8px var(--tw-text-shadow-color,#0003)Shadow 2

−0px 1px 2px var(--tw-text-shadow-color,lab(0% 0 0/.2)),0px 3px 2px var(--tw-text-shadow-color,lab(0% 0 0/.2)),0px 4px 8px var(--tw-text-shadow-color,lab(0% 0 0/.2))Shadow 3

−0px 1px 2px var(--tw-text-shadow-color,#0000004d),0px 3px 2px var(--tw-text-shadow-color,#0000004d),0px 4px 8px var(--tw-text-shadow-color,#0000004d)Shadow 4

−0px 1px 2px var(--tw-text-shadow-color,lab(0% 0 0/.3)),0px 3px 2px var(--tw-text-shadow-color,lab(0% 0 0/.3)),0px 4px 8px var(--tw-text-shadow-color,lab(0% 0 0/.3))Shadow 5

−0px 1px 2px var(--tw-text-shadow-color,#00000080),0px 3px 2px var(--tw-text-shadow-color,#00000080),0px 4px 8px var(--tw-text-shadow-color,#00000080)Shadow 6

−0px 1px 2px var(--tw-text-shadow-color,lab(0% 0 0/.5)),0px 3px 2px var(--tw-text-shadow-color,lab(0% 0 0/.5)),0px 4px 8px var(--tw-text-shadow-color,lab(0% 0 0/.5))Shadow 7

−0px 1px 0px var(--tw-text-shadow-color,#00000026)Shadow 8

−0px 5px 0px var(--tw-text-shadow-color,var(--tw-text-shadow-color))Shadow 9

−0px 1px 2px var(--tw-text-shadow-color,#0000001a),0px 3px 2px var(--tw-text-shadow-color,#0000001a),0px 4px 8px var(--tw-text-shadow-color,#0000001a)Shadow 11

−0px 1px 1px var(--tw-text-shadow-color,#0000001a),0px 1px 2px var(--tw-text-shadow-color,#0000001a),0px 2px 4px var(--tw-text-shadow-color,#0000001a)Shadow 12