Theming

Tokens

Components use a neutral zinc scale (shadcn-like). bnry-base.css and bnry-utils.js ship with the first install. Override a token on :root for the theme, or on a section root for one section. Optional color scheme / background settings map to the same variables. --b-hot is reserved for sale and urgency only.

• --b-ink#18181b
• --b-ink2#3f3f46
• --b-muted#71717a
• --b-line#e4e4e7
• --b-surface#f4f4f5
• --b-bg#ffffff
• --b-brand#18181b
• --b-brand-2#3f3f46
• --b-brand-soft#f4f4f5
• --b-hot#c2502c
• --b-hot-soft#fbece6

:root {
  --b-brand: #18181b;
  --b-brand-2: #3f3f46;
  --b-brand-soft: #f4f4f5;
}