Design token diff

Showing changes between two snapshots of hashnode.com

Before

Apr 10, 2026

View snapshot

After

Apr 12, 2026

View snapshot

Before

Apr 10, 2026

After

Apr 12, 2026

+64 added−9 removed

Colors

+25 added4 unchanged

Typography

+24 added−1 removed
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|16px|400suisseIntl 16px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|14px|400suisseIntl 14px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|14px|500suisseIntl 14px / 500
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|14px|600suisseIntl 14px / 600
+"Font Awesome 7 Pro"|14px|400Font Awesome 7 Pro 14px / 400
+"Font Awesome 7 Jelly"|14px|900Font Awesome 7 Jelly 14px / 900
+"Font Awesome 7 Jelly"|14px|400Font Awesome 7 Jelly 14px / 400
+"Font Awesome 7 Jelly"|16px|400Font Awesome 7 Jelly 16px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, sans-serif|20px|600suisseIntl 20px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, sans-serif|16px|700suisseIntl 16px / 700
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|12px|400suisseIntl 12px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|18px|400suisseIntl 18px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, sans-serif|18px|600suisseIntl 18px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, sans-serif|30px|700suisseIntl 30px / 700
+"Font Awesome 7 Jelly"|18px|400Font Awesome 7 Jelly 18px / 400
+"Font Awesome 7 Pro"|18px|900Font Awesome 7 Pro 18px / 900
+suisseMono, "suisseMono Fallback", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace|10px|600suisseMono 10px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|12px|500suisseIntl 12px / 500
+"Font Awesome 7 Pro"|12px|900Font Awesome 7 Pro 12px / 900
+suisseIntl, "suisseIntl Fallback", system-ui, sans-serif|14px|600suisseIntl 14px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|18px|600suisseIntl 18px / 600
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|18px|500suisseIntl 18px / 500
+"Font Awesome 7 Jelly"|20px|400Font Awesome 7 Jelly 20px / 400
+suisseIntl, "suisseIntl Fallback", system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif|16px|500suisseIntl 16px / 500
−var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Code

Spacing

+12 added20 unchanged
+-6px-6px
+-1px-1px
+2px2px
+4px4px
+4.40918px4.40918px
+8px8px
+10px10px
+12px12px
+16px16px
+20px20px
+28px28px
+32px32px

Border Radius

−8 removed16 unchanged
−.125remRadius .125rem
−.625remRadius .625rem
−var(--color-slate-50)Radius var color slate 50
−var(--color-slate-950)Radius var color slate 950
−lab(97.6387% -.285149 -3.77021)Radius lab 97.6387% .285149 3.77021
−lab(8.30603% .618205 -2.16572)Radius lab 8.30603% .618205 2.16572
−var(--color-slate-500)Radius var color slate 500
−var(--color-slate-900)Radius var color slate 900

Shadows

+3 added3 unchanged
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.1) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0pxshadow-div.pointer-events-none.absolute
+rgba(0, 0, 0, 0.086) 0px 0px 1px 0px, rgba(0, 0, 0, 0.086) 0px 0px 2px 0px, rgba(0, 0, 0, 0.086) 0px 0px 4px 0px, rgba(0, 0, 0, 0.086) 0px 0px 8px 0pxshadow-a.carbon-reveal
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, 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 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1pxshadow-main.bg-background.relative
Back to hashnode.com archive