Design token diff

Showing changes between two snapshots of kulturenvanteri.com

Before

Mar 31, 2026

View snapshot

After

Apr 10, 2026

View snapshot

Before

Mar 31, 2026

After

Apr 10, 2026

+55 added83 removed

Colors

+15 added27 removed28 unchanged

Typography

+13 added9 removed2 unchanged
+var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)|1em|400Code
+Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, Helvetica, sans-serif|18px|400Mapboxgl Ctrl Geocoder
+Inter, sans-serif|17.6px|400Inter 17.6px / 400
+Inter, sans-serif|25.6px|400Inter 25.6px / 400
+Inter, sans-serif|12px|400Inter 12px / 400
+Phosphor|18px|400Phosphor 18px / 400
+Inter, sans-serif|14px|500Inter 14px / 500
+Inter, sans-serif|12px|500Inter 12px / 500
+Phosphor|22px|400Phosphor 22px / 400
+Inter, sans-serif|16px|400Inter 16px / 400
+Inter, sans-serif|27.2px|400Inter 27.2px / 400
+Inter, sans-serif|14px|600Inter 14px / 600
+Inter, sans-serif|17.6px|600Inter 17.6px / 600
inherit|inherit|inheritWp Block Navigation
inherit|1em|400Wp Block Post
serif|1.5em|400Root Where Wp
var(--bs-body-font-family)|var(--bs-body-font-size)|var(--bs-body-font-weight)Body
var(--bs-font-monospace)|1em|400Code
inherit|inherit|400Button
var(--bs-btn-font-family)|var(--bs-btn-font-size)|var(--bs-btn-font-weight)Btn
var(--bs-font-sans-serif)|var(--bs-tooltip-font-size)|400Tooltip
var(--bs-font-sans-serif)|var(--bs-popover-font-size)|400Popover

Spacing

+14 added14 removed18 unchanged
+-22px-22px
+0remSpace 0rem
+.3125remSpace .3125rem
+.35remSpace .35rem
+1pxSpace 1px
+10px10px
+12px12px
+14px14px
+15px15px
+16px16px
+20px20px
+24px24px
+48px48px
+64px64px
.1875emSpace .1875em
.1875remSpace .1875rem
calc(.25rem + var(--bs-border-width)Space calc .25rem var bs border width
.255emSpace .255em
.36emSpace .36em
.375remSpace .375rem
calc(.375rem + var(--bs-border-width)Space calc .375rem var bs border width
var(--swiper-pagination-bullet-vertical-gap,6px)Space var swiper pagination bullet vertical gap 6px
.44emSpace .44em
0.44remSpace 0.44rem
0.5emSpace 0.5em
.5emSpace .5em
.5remSpace .5rem
calc(.5rem + var(--bs-border-width)Space calc .5rem var bs border width

Border Radius

+7 added15 removed9 unchanged
+var(--swiper-pagination-bullet-border-radius,50%)Radius var swiper pagination bullet border radius 50%
+var(--swiper-scrollbar-border-radius,10px)Radius var swiper scrollbar border radius 10px
+var(--ke-radius)Radius var ke radius
+.75remRadius .75rem
+calc(.25rem - 1px)Radius calc .25rem 1px
+var(--radius-ke)Radius var radius ke
+var(--radius-ke,.5rem)Radius var radius ke .5rem
.25remRadius .25rem
var(--bs-border-radius)Radius var bs border radius
var(--bs-border-radius-sm)Radius var bs border radius sm
var(--bs-border-radius-lg)Radius var bs border radius lg
1remRadius 1rem
var(--bs-btn-border-radius)Radius var bs btn border radius
var(--bs-dropdown-border-radius)Radius var bs dropdown border radius
var(--bs-dropdown-item-border-radius,0)Radius var bs dropdown item border radius 0
var(--bs-nav-tabs-border-radius)Radius var bs nav tabs border radius
var(--bs-nav-pills-border-radius)Radius var bs nav pills border radius
var(--bs-navbar-toggler-border-radius)Radius var bs navbar toggler border radius
var(--bs-card-border-radius)Radius var bs card border radius
var(--bs-card-inner-border-radius)Radius var bs card inner border radius
var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0Radius var bs card inner border radius var bs card inner border radius 0 0
0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)Radius 0 0 var bs card inner border radius var bs card inner border radius

Shadows

+6 added18 removed6 unchanged
+0 0 0 .2rem #0d6efd26Shadow 5
+0 4px 20px #00000026Shadow 6
+var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 7
+0 2px 8px #00000024Shadow 9
+var(--shadow-lg-hard)Shadow 10
+inset 0 -15px 30px 2px #000cShadow 12
inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))Shadow 3
0 0 0 .25rem #0d6efd40Shadow 4
0 0 0 var(--bs-body-color)Shadow 5
0 0 0 1px #fff,0 0 0 .25rem #0d6efd40Shadow 6
0 0 0 .25rem rgba(var(--bs-success-rgb),.25)Shadow 7
0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)Shadow 8
var(--bs-btn-focus-box-shadow)Shadow 9
0 0 0 var(--bs-navbar-toggler-focus-width)Shadow 10
inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)Shadow 11
var(--bs-accordion-btn-focus-box-shadow)Shadow 12
var(--bs-pagination-focus-box-shadow)Shadow 13
var(--bs-btn-close-focus-shadow)Shadow 14
var(--bs-toast-box-shadow)Shadow 15
var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)Shadow 16
var(--bs-box-shadow)Shadow 17
var(--bs-box-shadow-sm)Shadow 18
var(--bs-box-shadow-lg)Shadow 19
inset 0 0 26px 3px #0000001fShadow 22