Design token diff

Showing changes between two snapshots of github.com

Before

Apr 12, 2026

View snapshot

After

Apr 14, 2026

View snapshot

Before

Apr 12, 2026

After

Apr 14, 2026

+25 added89 removed

Colors

33 removed26 unchanged

Typography

24 removed
)var(--fontStack-system)|2rem|400PageHeader PageHeader TitleWrap
)var(--fontStack-system)|1.25rem|600PageHeader PageHeader TitleWrap 2
)var(--fontStack-system)|1.25rem|400PageHeader PageHeader TitleWrap 3
)/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

Spacing

+13 added25 removed7 unchanged
+.25remSpace .25rem
+.25emSpace .25em
+.3emSpace .3em
+5pxSpace 5px
+.3125remSpace .3125rem
+.33emSpace .33em
+.333emSpace .333em
+6pxSpace 6px
+.375remSpace .375rem
+.4emSpace .4em
+7pxSpace 7px
+.5remSpace .5rem
+.5emSpace .5em
calc(0px - var(--overlap-size)Space calc 0px var overlap size
0pxSpace 0px
var(--base-size-2,.125rem)Space var base size 2 .125rem
var(--overlay-paddingBlock-condensed,.25rem)Space var overlay paddingBlock condensed .25rem
var(--base-size-4,4px)Space var base size 4 4px
calc(-1*var(--base-size-4,4px)Space calc 1 var base size 4 4px
normal 4pxnormal 4px
.063remSpace .063rem
.1pxSpace .1px
.1emSpace .1em
.12emSpace .12em
.18pxSpace .18px
.21pxSpace .21px
.24pxSpace .24px
1pxSpace 1px
2.4px2.4px
8px8px
12px12px
16px16px
20px20px
24px24px
32px32px
48px48px
64px64px
96px96px

Border Radius

+8 added7 removed9 unchanged
+624.938remRadius var borderRadius full
+.1875remRadius var borderRadius small
+.75remRadius var borderRadius large
+unsetRadius unset
+var(--borderRadius-medium)var(--borderRadius-medium)0 0Radius var borderRadius medium var borderRadius medium 0 0
+100pxRadius 100px
+2pxRadius 2px
+0 0 var(--borderRadius-medium)var(--borderRadius-medium)Radius 0 0 var borderRadius medium var borderRadius medium
var(--borderRadius-full,100vh)Radius var borderRadius full 100vh
var(--borderRadius-medium)Radius var borderRadius medium
var(--borderRadius-medium,6px)Radius var borderRadius medium 6px
var(--borderRadius-small,4px)Radius var borderRadius small 4px
var(--borderRadius-large,8px)Radius var borderRadius large 8px
var(--borderRadius-medium,8px)Radius var borderRadius medium 8px
var(--borderRadius-full,50%)Radius var borderRadius full 50%

Shadows

+4 added12 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