Design token diff

Showing changes between two snapshots of github.com

Before

Apr 14, 2026

View snapshot

After

Apr 14, 2026

View snapshot

Before

Apr 14, 2026

After

Apr 14, 2026

+70 added−14 removed

Colors

+34 added−5 removed21 unchanged

Typography

+24 added

+"Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "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, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|400Mona Sans 16px / 400

+"Mona Sans VF", -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|500Mona Sans 16px / 500

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|18px|400Mona Sans 18px / 400

+"Mona Sans VF", -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|400Mona Sans 22px / 400

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|40px|460Mona Sans 40px / 460

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|14px|400Mona Sans 14px / 400

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|480Mona Sans 22px / 480

+"Mona Sans VF", -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|600Mona Sans 22px / 600

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|600Mona Sans 16px / 600

+"Mona Sans VF", -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|40px|500Mona Sans 40px / 500

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|48px|800Mona Sans 48px / 800

+"Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|64px|425Mona Sans 64px / 425

+"Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|24px|600Mona Sans 24px / 600

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|22px|425Mona Sans 22px / 425

+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|48px|440Mona Sans 48px / 440

+"Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|14px|600Mona Sans VF 14px / 600

Spacing

+12 added20 unchanged

+normal 4pxnormal 4px

+2.4px2.4px

+8px8px

+12px12px

+16px16px

+20px20px

+24px24px

+28px28px

+32px32px

+48px48px

+64px64px

+96px96px

Border Radius

−5 removed12 unchanged

−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

Shadows

−4 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

Back to github.com archive