Design token diff

Showing changes between two snapshots of github.com

Before

Mar 30, 2026

View snapshot

After

Apr 12, 2026

View snapshot

Before

Mar 30, 2026

After

Apr 12, 2026

+81 added−100 removed

Colors

+48 added−49 removed11 unchanged

Typography

+21 added−19 removed3 unchanged
+)/var(--text-body-lineHeight-small,1.625)var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")|.75rem|400Prc Tooltip Tooltip
+"Mona Sans", "Mona Sans Fallback", -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|400Mona Sans 16px / 400
+"Mona Sans VF", -apple-system, "system-ui", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|14px|400Mona Sans VF 14px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|400Mona Sans 16px / 400
+"Mona Sans VF", -apple-system, "system-ui", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|12px|400Mona Sans VF 12px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|500Mona Sans 16px / 500
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|18px|400Mona Sans 18px / 400
+"Mona Sans VF", -apple-system, "system-ui", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|400Mona Sans VF 16px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|400Mona Sans 22px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|40px|460Mona Sans 40px / 460
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|14px|400Mona Sans 14px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|480Mona Sans 22px / 480
+"Mona Sans VF", -apple-system, "system-ui", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|14px|500Mona Sans VF 14px / 500
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|600Mona Sans 22px / 600
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|600Mona Sans 16px / 600
+"Mona Sans VF", -apple-system, "system-ui", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|24px|600Mona Sans VF 24px / 600
+"Mona Sans Mono", monospace|14px|400Mona Sans Mono 14px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|40px|500Mona Sans 40px / 500
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|48px|800Mona Sans 48px / 800
+"Mona Sans", "Mona Sans Fallback", -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|400Mona Sans 14px / 400
+"Mona Sans", MonaSansFallback, -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|64px|425Mona Sans 64px / 425
−sans-serif|16px|400Html
−monospace|1em|400Code
−inherit|inherit|400Input
−var(--fontStack-sansSerif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")|var(--body-font-size,14px)|var(--base-text-weight-normal,400)Body
−var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)|11px|400Kbd
−var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)|12px|400Tt
−var(--fontStack-sansSerif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"))|11px|400Tooltipped After
−var(--fontStack-sansSerif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")|16px|400Markdown Body
−var(--fontStack-monospace)|var(--text-body-size-small)|400Blob Num
−var(--fontStack-monospace)|12px|400File Editor Textarea
−Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol|1em|var(--base-text-weight-normal)G Emoji
−var(--fontStack-sansSerif)|var(--text-body-size-large)|400Authentication Body Input
−var(--fontStack-monospace)|37px|400Github Mobile Authenticate
−var(--fontStack-monospace)|.85em|400Commit Ref
−var(--fontStack-monospace)|11px|400Commit Desc Pre
−var(--fontStack-monospace)|90%|400Commit Tease Sha
−var(--fontStack-system)|var(--text-body-size-small)|var(--base-text-weight-normal)Hx Kbd
−var(--fontStack-monospace)|var(--text-body-size-medium)|var(--base-text-weight-medium)Universe Date Location
−var(--fontStack-monospace)|var(--text-body-size-medium)|var(--base-text-weight-semibold)Universe Cta

Spacing

+12 added−12 removed20 unchanged
+var(--base-size-2,.125rem)Space var base size 2 .125rem
+normal 4pxnormal 4px
+2.4px2.4px
+8px8px
+12px12px
+16px16px
+20px20px
+24px24px
+32px32px
+48px48px
+64px64px
+96px96px
−.25emSpace .25em
−.25remSpace .25rem
−.3emSpace .3em
−5pxSpace 5px
−.3125remSpace .3125rem
−.333emSpace .333em
−6pxSpace 6px
−.375remSpace .375rem
−.4emSpace .4em
−7pxSpace 7px
−var(--base-size-8,8px)Space var base size 8 8px
−var(--overlay-padding-condensed,.5rem)Space var overlay padding condensed .5rem

Border Radius

−8 removed16 unchanged
−var(--borderRadius-large)Radius var borderRadius large
−unsetRadius unset
−calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/2)Radius calc var borderRadius medium var segmentedControl item padding 2
−calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/1)Radius calc var borderRadius medium var segmentedControl item padding 1
−var(--borderRadius-medium)var(--borderRadius-medium)0 0Radius var borderRadius medium var borderRadius medium 0 0
−var(--borderRadius-small)Radius var borderRadius small
−var(--borderRadius-full)Radius var borderRadius full
−100pxRadius 100px

Shadows

−12 removed12 unchanged
−var(--shadow-resting-small,var(--color-shadow-small)),var(--shadow-highlight,var(--color-primer-shadow-highlight))Shadow 13
−inset 0 0 0 1px #0000Shadow 14
−inset 0 1px var(--borderColor-default,var(--color-border-default)),inset 0 -1px var(--borderColor-default,var(--color-border-default))Shadow 15
−0 1px 0 var(--borderColor-default,var(--color-border-default))Shadow 16
−var(--shadow-resting-small,var(--color-shadow-small))Shadow 17
−var(--shadow-resting-medium,var(--color-shadow-medium))Shadow 18
−var(--shadow-floating-large,var(--color-shadow-large))Shadow 19
−var(--shadow-floating-xlarge,var(--color-shadow-extra-large))Shadow 20
−var(--shadow-floating-small,var(--color-overlay-shadow))Shadow 21
−var(--avatar-shadow,var(--color-avatar-child-shadow))Shadow 22
−var(--shadow-floating-legacy,var(--color-overlay-shadow))Shadow 23
−inset 0 -1px 0 var(--borderColor-muted,var(--color-border-muted))Shadow 24
Back to github.com archive