Design token diff

Showing changes between two snapshots of exsitu.app

Before

Mar 30, 2026

View snapshot

After

Apr 5, 2026

View snapshot

Before

Mar 30, 2026

After

Apr 5, 2026

+25 added−31 removed

Colors

+10 added5 unchanged

Typography

+7 added10 unchanged
+ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|12.25px|400ui-monospace 12.25px / 400
+ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|12.25px|500ui-monospace 12.25px / 500
+ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|14px|400ui-monospace 14px / 400
+ui-monospace, monospace|12.25px|400ui-monospace 12.25px / 400
+-apple-system, "system-ui", "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"|16px|400-apple-system 16px / 400
+"Helvetica Neue", Arial, Helvetica, sans-serif|12px|400Helvetica Neue 12px / 400
+ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|9px|400ui-monospace 9px / 400

Spacing

+8 added−11 removed21 unchanged
+1.75px1.75px
+3.5px3.5px
+5.25px5.25px
+7px7px
+10.5px10.5px
+14px14px
+21px21px
+40px40px
−calc(.375rem * var(--tw-space-y-reverse)Space calc .375rem var tw space y reverse
−6pxSpace 6px
−.5emSpace .5em
−.5remSpace .5rem
−calc(.5rem * var(--tw-space-x-reverse)Space calc .5rem var tw space x reverse
−calc(.5rem * calc(1 - var(--tw-space-x-reverse)Space calc .5rem calc 1 var tw space x reverse
−calc(.5rem * calc(1 - var(--tw-space-y-reverse)Space calc .5rem calc 1 var tw space y reverse
−calc(.5rem * var(--tw-space-y-reverse)Space calc .5rem var tw space y reverse
−8pxSpace 8px
−.625remSpace .625rem
−.75remSpace .75rem

Border Radius

−8 removed16 unchanged
−var(--radius-2)Radius var radius 2
−var(--inset-border-radius-calc)Radius var inset border radius calc
−calc(var(--radius-factor) * .35em)Radius calc var radius factor .35em
−calc(.07em * var(--radius-factor))Radius calc .07em var radius factor
−max(calc(var(--radius-factor) * var(--progress-height) / 3),calc(var(--radius-factor) * var(--radius-thumb)))Radius max calc var radius factor var progress height 3 calc var radius factor var radius thumb
−100%Radius 100%
−var(--scrollarea-scrollbar-border-radius)Radius var scrollarea scrollbar border radius
−var(--segmented-control-border-radius)Radius var segmented control border radius

Shadows

−12 removed12 unchanged
−inset 0 0 0 1px var(--gray-a6)Shadow 13
−var(--base-card-surface-box-shadow)Shadow 14
−var(--base-card-surface-hover-box-shadow)Shadow 15
−var(--base-card-surface-active-box-shadow)Shadow 16
−var(--base-card-classic-box-shadow-outer)Shadow 17
−var(--base-card-classic-box-shadow-inner)Shadow 18
−var(--base-card-classic-hover-box-shadow-outer)Shadow 19
−var(--base-card-classic-hover-box-shadow-inner)Shadow 20
−var(--base-card-classic-active-box-shadow-outer)Shadow 21
−var(--base-card-classic-active-box-shadow-inner)Shadow 22
−inset 0 0 0 1px var(--gray-a3),var(--shadow-1)Shadow 23
−inset 0 .5px .5px var(--white-a4),inset 0 -.5px .5px var(--black-a4)Shadow 24
Back to exsitu.app archive