Use this UI kit to adjust the CSS variables to
your style
Not by editing the styles of this section. Instead, look at this section while adjusting the CSS variables from Breakerblocks to match your style.
This section will reflect your adjustments instantly.
Background: --bg-shade1
Border-radius: --radius-lg
Padding: --padding-lg
Background: --bg-shade2
Border-radius: --radius-md
Padding: --padding-lg
Gap: --gap-sm
--bg-shade3 | --label-radius
Background: --bg-dark1
Border-radius: --radius-md
Padding: --padding-sm
Gap: --gap-lg
--bg-dark3 | --label-radius
Background: --bg-dark2
Border-radius: --radius-sm
Padding: --padding-sm
This is a basic text placed ontop of your brand color Is uses var(--text-on-brand)