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 added31 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 added11 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