Design token diff
Showing changes between two snapshots of lovable.dev
+8 added−8 removedpw@1.58.2
Colors
+1 added−3 removed23 unchangedBorder Radius
+1 added−1 removed15 unchanged+32pxRadius 32px
−16pxRadius 16px
Shadows
+6 added−4 removed6 unchanged+0 24px 60px #0f172a2e,0 0 0 1px #0f172a14Shadow 3
+0 24px 60px #00000073,0 0 0 1px #ffffff14Shadow 4
+oklch(0.2 0 0 / 0.12) 0px 2px 2px -1px, oklch(0.2 0 0 / 0.12) 0px 4px 4px -2pxshadow-span.pointer-events-none.absolute
+oklch(0.98 0.01 0 / 0.24) 0px 1px 0px 0px inset, oklch(0.98 0.01 0) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0) 0px 0.5px 0px 0px inset, rgba(0, 0, 0, 0) 0px -0.5px 0px 0px insetshadow-span.pointer-events-none.absolute
+rgb(0, 0, 0) 0px 0px 0px 1px insetshadow-span.pointer-events-none.absolute
+oklch(1 0 0 / 0.08) 0px 0.5px 0px 0px inset, oklch(0 0 0 / 0.16) 0px -0.5px 0px 0px insetshadow-span.pointer-events-none.absolute
−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.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6pxshadow-form#chat-input.group.flex
−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, rgb(247, 244, 237) 0px -1px 0px 0px insetshadow-div.sticky.top-0
−rgba(0, 0, 0, 0.08) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.16) 0px -1px 0px 0px inset, rgb(0, 0, 0) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.24) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.16) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0.12) 0px 2px 2px -1px, rgba(0, 0, 0, 0.12) 0px 4px 4px -2pxshadow-button#signup-link.relative.box-border
−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.12) 0px 0px 0px 0.5px, rgba(255, 255, 255, 0.48) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.02) 0px 2px 2px -1px, rgba(0, 0, 0, 0.02) 0px 4px 4px -2pxshadow-a.group.flex