Design token diff
Showing changes between two snapshots of railway.app
Colors
+29 added28 unchangedTypography
+19 added+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|400Inter 16px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|14px|400Inter 14px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|14px|500Inter 14px / 500
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|16px|600Inter 16px / 600
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|18px|400Inter 18px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|24px|400
Spacing
+30 added−18 removed2 unchanged+.142857emSpace .142857em
+.1875emSpace .1875em
+.2emSpace .2em
+.222222emSpace .222222em
+.25remSpace .25rem
+.285714emSpace .285714em
+.333emSpace .333em
Border Radius
−8 removed16 unchanged−20pxRadius 20px
−var(--mantine-radius-md)Radius var mantine radius md
−var(--scrollarea-scrollbar-size)Radius var scrollarea scrollbar size
−var(--button-radius,var(--mantine-radius-default))Radius var button radius var mantine radius default
−var(--section-radius,var(--mantine-radius-default))Radius var section radius var mantine radius default
−var(--cb-radius)Radius var cb radius
−var(--ai-radius,var(--mantine-radius-default))
Shadows
+6 added−12 removed4 unchanged+0px calc(5.254px - 0px) calc(5.254px + 0px) 0px rgba(110, 34, 218, .07), 0px calc(17.646px - 0px) calc(17.646px + 0px) 0px rgba(110, 34, 218, calc(.07 * .57)), 0px calc(79px - 0px) calc(79px + 0px) 0px rgba(110, 34, 218, calc(.07 * .43))Shadow 5
+0 0 30px hsla(0,0%,30%,.25)--spreadShadow
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0px 0px 1.5px insetshadow-div.max-w-[1696px].lg:min-h-[1700px]
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(62, 45, 45, 0.24) 0px 100px 191px 0px, rgba(62, 45, 45, 0.165) 0px 36.5016px 69.7181px 0px, rgba(62, 45, 45, 0.133) 0px 17.7209px 33.8469px 0px, rgba(62, 45, 45, 0.106) 0px 8.6871px 16.5924px 0px, rgba(62, 45, 45, 0.075) 0px 3.43489px 6.56065px 0pxshadow-div#rv.relative.h-full
+rgba(65, 78, 166, 0.1) 0px -12px 127px 0px, rgba(65, 78, 166, 0.07) 0px -4.38px 46.357px 0px, rgba(65, 78, 166, 0.06) 0px -2.127px 22.506px 0px, rgba(65, 78, 166, 0.04) 0px -1.042px 11.033px 0px, rgba(65, 78, 166, 0.03) 0px -0.412px 4.362px 0px
Inter 24px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|500Inter 14px / 500
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|16px|400Inter 16px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|10px|500Inter 10px / 500
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|18px|500Inter 18px / 500
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|500Inter 16px / 500
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|16px|500Inter 16px / 500
+"IBM Plex Serif", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif|36px|400IBM Plex Serif 36px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif|13.3333px|600Inter 13.3333px / 600
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|600Inter 16px / 600
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|20px|400Inter 20px / 400
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|20px|500Inter 20px / 500
+Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|20px|700Inter 20px / 700
+"IBM Plex Serif", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif|54px|500IBM Plex Serif 54px / 500
+
.444444em
Space .444444em
+.571429emSpace .571429em
−calc(-1.5rem * var(--tw-space-x-reverse)Space calc 1.5rem var tw space x reverse
−calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)Space calc 1.5rem calc 1 var tw space x reverse
−calc(-.75rem * var(--tw-space-x-reverse)Space calc .75rem var tw space x reverse
−calc(-.75rem * calc(1 - var(--tw-space-x-reverse)Space calc .75rem calc 1 var tw space x reverse
−calc(0px * var(--tw-space-x-reverse)Space calc 0px var tw space x reverse
−calc(0px * calc(1 - var(--tw-space-x-reverse)Space calc 0px calc 1 var tw space x reverse
−calc(0px * calc(1 - var(--tw-space-y-reverse)Space calc 0px calc 1 var tw space y reverse
−calc(0px * var(--tw-space-y-reverse)Space calc 0px var tw space y reverse
−var(--input-margin-top,0rem)Space var input margin top 0rem
−var(--input-margin-bottom,0rem)Space var input margin bottom 0rem
−var(--input-padding-y,0rem)Space var input padding y 0rem
−calc(.0625rem * var(--mantine-scale)Space calc .0625rem var mantine scale
−calc(.125rem * var(--tw-space-x-reverse)Space calc .125rem var tw space x reverse
−calc(.125rem * calc(1 - var(--tw-space-x-reverse)Space calc .125rem calc 1 var tw space x reverse
−calc(.125rem * calc(1 - var(--tw-space-y-reverse)Space calc .125rem calc 1 var tw space y reverse
−calc(.125rem * var(--tw-space-y-reverse)Space calc .125rem var tw space y reverse
Radius var ai radius var mantine radius default
−var(--paper-radius)Radius var paper radius
shadow-div.relative.mx-auto
+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px insetshadow-div.max-w-[1696px].mx-auto
−0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%)Shadow 1
−var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)Shadow 2
−var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)Shadow 3
−0px calc(5.254px - var(--shadow-spread,0px)) calc(5.254px + var(--shadow-spread,0px)) 0px rgba(110, 34, 218, var(--shadow-opacity,.07)), 0px calc(17.646px - var(--shadow-spread,0px)) calc(17.646px + var(--shadow-spread,0px)) 0px rgba(110, 34, 218, calc(var(--shadow-opacity,.07) * .57)), 0px calc(79px - var(--shadow-spread,0px)) calc(79px + var(--shadow-spread,0px)) 0px rgba(110, 34, 218, calc(var(--shadow-opacity,.07) * .43))Shadow 8
−var(--paper-shadow)Shadow 9
−var(--popover-shadow,none)Shadow 10
−var(--mb-shadow,var(--mantine-shadow-xl))Shadow 11
−var(--mantine-shadow-sm)Shadow 12
−0 1px 4px 1px #00000014Shadow 13
−0 0 0 .5px #1a192bShadow 14
−0 0 2px 1px #00000014Shadow 15
−var(--nested-canvas-shadow)Shadow 16