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 added100 removed

Colors

+48 added49 removed11 unchanged

Typography

+21 added19 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 added12 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