Design token diff
Showing changes between two snapshots of github.com
+70 added−12 removedpw@1.58.2
Colors
+34 added22 unchangedTypography
+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", 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"|16px|400Mona Sans 16px / 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", MonaSansFallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|14px|500
Spacing
+12 added20 unchanged+2.1px2.1px
+2.4px2.4px
+8px8px
+12px12px
+16px16px
+20px20px
+24px24px
+32px32px
Border Radius
−8 removed16 unchanged−0 0 .375rem .375remRadius 0 0 .375rem .375rem
−3pxRadius 3px
−5pxRadius 5px
−.2emRadius .2em
−.375rem)Radius .375rem 2
−10pxRadius 10px
−.1875rem .1875rem 0 0Radius .1875rem .1875rem 0 0
−
Shadows
−4 removed12 unchanged−inset 0 0 1px #0000Shadow 13
−inset 0 0 0 .125rem #0969daShadow 14
−calc(-1*.125rem) .125rem 0 #12662aShadow 15
−0 0 1px #ffffff80Shadow 16
Mona Sans 14px / 500
+"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 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 Mono", monospace|12px|500Mona Sans Mono 12px / 500
+"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"|22px|480Mona Sans 22px / 480
+"Mona Sans Mono", monospace|14px|480Mona Sans Mono 14px / 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 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", "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 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"|22px|425Mona Sans 22px / 425
+"Mona Sans Mono", monospace|16px|400Mona Sans Mono 16px / 400
5px 5px 0 0
Radius 5px 5px 0 0