Design token diff

Showing changes between two snapshots of wikipedia.org

Before

Mar 30, 2026

View snapshot

After

Apr 12, 2026

View snapshot

Before

Mar 30, 2026

After

Apr 12, 2026

+17 added−45 removed

Colors

+5 added−8 removed27 unchanged

Typography

+3 added−8 removed1 unchanged
+"Linux Libertine", "Hoefler Text", Georgia, "Times New Roman", Times, serif|30px|400Linux Libertine 30px / 400
+"Linux Libertine", "Hoefler Text", Georgia, "Times New Roman", Times, serif|32px|700Linux Libertine 32px / 700
+"Linux Libertine", Georgia, Times, "Source Serif 4", serif|15px|400Linux Libertine 15px / 400
−sans-serif|62.5%|400Html
−var(--font-family-monospace--fallback)|1.4rem|400Code
−var(--font-family-system-sans)|1.4rem|400Body
−inherit|inherit|700Pure Button
−var(--font-family-serif)|1.5rem|400Wikipedia25 Slogan
−inherit|var(--font-size-medium,1rem)|700Cdx Button
−inherit|var(--font-size-x-large,1.25rem)|700Cdx Dialog Header
−sans-serif|var(--font-size-medium,1rem)|400Cdx Dialog Body

Spacing

+9 added−9 removed23 unchanged
+-1px-1px
+2.6px2.6px
+12.8px12.8px
+13px13px
+44.5156px44.5156px
+60px60px
+354.203px354.203px
+357.203px357.203px
+492.203px492.203px
−.1remSpace .1rem
−11pxSpace 11px
−15pxSpace 15px
−1remSpace 1rem
−1emSpace 1em
−1.2remSpace 1.2rem
−1.28remSpace 1.28rem
−1.6remSpace 1.6rem
−1.95remSpace 1.95rem

Border Radius

−8 removed16 unchanged
−2pxRadius 2px
−9999pxRadius 9999px
−50%Radius 50%
−#233566Radius 233566
−#6485d1Radius 6485d1
−#1b223dRadius 1b223d
−#bf3c2cRadius bf3c2c
−#9f3526Radius 9f3526

Shadows

−12 removed12 unchanged
−inset 0 0 0 1px var(--box-shadow-color-progressive--focus,#36c)Shadow 6
−inset 0 0 0 1px var(--box-shadow-color-destructive--focus,#36c)Shadow 7
−inset 0 0 0 1px var(--box-shadow-color-progressive--focus,#36c),inset 0 0 0 2px var(--box-shadow-color-inverted,#fff)Shadow 8
−inset 0 0 0 1px var(--box-shadow-color-destructive--focus,#36c),inset 0 0 0 2px var(--box-shadow-color-inverted,#fff)Shadow 9
−0 4px 8px 0 var(--box-shadow-color-alpha-base,rgba(0,0,0,.06)),0 0 16px 0 var(--box-shadow-color-alpha-base,rgba(0,0,0,.06))Shadow 10
−inset 0 0 0 1px var(--box-shadow-color-progressive--active,#233566)Shadow 11
−0 4px 8px 0 var(--box-shadow-color-alpha-base),0 0 16px 0 var(--box-shadow-color-alpha-base)Shadow 12
−0 4px 4px 0Shadow 20
−0 0 8px 0Shadow 21
−0 4px 8px 0Shadow 22
−0 0 16px 0Shadow 23
−#72777dShadow 24
Back to wikipedia.org archive