Design token diff

Showing changes between two snapshots of obsidian.md

Before

Apr 1, 2026

View snapshot

After

Apr 11, 2026

View snapshot

Before

Apr 1, 2026

After

Apr 11, 2026

+45 added−44 removed

Colors

+31 added−27 removed25 unchanged

Typography

−3 removed
−ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"|0.875rem|500Commercial License Key
−ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|1em|400Code
−inherit|100%|inheritButton

Spacing

+9 added−9 removed23 unchanged
+14px14px
+16px16px
+20px20px
+23px23px
+24px24px
+32px32px
+48px48px
+80px80px
+96px96px
−7pxSpace 7px
−0.5remSpace 0.5rem
−calc(0.5rem * var(--tw-space-x-reverse)Space calc 0.5rem var tw space x reverse
−calc(0.5rem * calc(1 - var(--tw-space-x-reverse)Space calc 0.5rem calc 1 var tw space x reverse
−calc(0.5rem * calc(1 - var(--tw-space-y-reverse)Space calc 0.5rem calc 1 var tw space y reverse
−calc(0.5rem * var(--tw-space-y-reverse)Space calc 0.5rem var tw space y reverse
−9pxSpace 9px
−0.625remSpace 0.625rem
−0.75remSpace 0.75rem

Border Radius

−5 removed16 unchanged
−30pxRadius 30px
−3pxRadius 3px
−0.125remRadius 0.125rem
−inheritRadius inherit
−var(--color-orange-400)Radius var color orange 400

Shadows

+5 added7 unchanged
+rgb(255, 255, 255) 0px 0px 0px 0px inset, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0pxshadow-div.card.card-shimmer
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6pxshadow-div.relative.ui
+rgb(255, 255, 255) 0px 0px 0px 0px, rgb(64, 64, 64) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0pxshadow-input
+rgb(255, 255, 255) 0px 0px 0px 0px inset, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0pxshadow-button.header-lang-toggle.px-2
+rgb(255, 255, 255) 0px 0px 0px 0px inset, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1pxshadow-a.download-button.button
Back to obsidian.md archive