Design token diff
Showing changes between two snapshots of github.com
+31 added−43 removedpw@1.58.2
Colors
+16 added−29 removed26 unchangedTypography
+12 added−11 removed12 unchanged+"Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Backtick Fix", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|10.22px|400Mona Sans VF 10.22px / 400
+"Mona Sans Mono", monospace|28px|400Mona Sans Mono 28px / 400
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|28px|400Mona Sans 28px / 400
+"Mona Sans Mono", monospace|34px|400Mona Sans Mono 34px / 400
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|20px|400Mona Sans 20px / 400
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|56px|440
Spacing
+3 added−3 removed29 unchanged+.45emSpace .45em
+60px60px
+128px128px
−.5emSpace .5em
−96px96px
−normal 4pxnormal 4px
Border Radius
16 unchangedMona Sans 56px / 440
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|40px|400Mona Sans 40px / 400
+"Mona Sans Mono", monospace|64px|400Mona Sans Mono 64px / 400
+"Mona Sans Mono", monospace|11px|400Mona Sans Mono 11px / 400
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|34px|400Mona Sans 34px / 400
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|32px|480Mona Sans 32px / 480
+"Mona Sans", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|34px|460Mona Sans 34px / 460
−"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"|22px|480Mona Sans 22px / 480
−"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", 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", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|64px|425Mona Sans 64px / 425
−"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 Mono", monospace|16px|400Mona Sans Mono 16px / 400
−"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", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|24px|600Mona Sans 24px / 600