Byte Digital Themes

Colors & presets

How Dost's 4 presets work and how to customize colors.

Updated 2026-05-09

Theme settings → Style → Theme presets picker (top of the customize panel).

Presets

Dost ships with 4 colour & typography presets. Each preset is a complete starting point — selecting one overrides every colour, font, button style, radius, and motion setting.

PresetVibe
SadeOff-white background, charcoal text, subtle gold accent — the default editorial look
MiskWarm cream + deep brown — softer, lifestyle-leaning
AvluHigh-contrast white + black, minimal accents — gallery-style
CevherDark mode — black background, parchment text, muted gold

Switching presets resets your colour and typography choices. If you've already customized, the preset picker shows a confirmation. Make duplicate of the theme first if you want to keep the current state as a backup.

Individual colour settings

Theme settings → Colors:

SettingUsed for
BackgroundPage background, cards, drawer
Body textDefault text colour
Secondary textCaptions, meta text, disabled states
DividersBorders between sections, list separators
AccentSale badges, Buy it now button background, accent labels
Sold out overlaySold-out badge background on cards
SuccessForm success messages, "in stock" pulse
ErrorForm errors, low-stock alert

Section-level overrides

Some sections expose their own colour controls that override theme colours for that block — useful when you want a single hero on a different palette without touching the whole theme. Look for a Colors header at the bottom of a section's settings panel.

Examples that support overrides:

  • Header — menu background, text, accent, divider
  • Announcement bar — background, text
  • Countdown — background, text, eyebrow, digit, label, button colours

Tips

  • The accent colour propagates to the Buy it now button via Shopify's payment-button style. If you want a custom Buy-it-now colour, do it via Theme settings → Buttons.
  • For a fully white site, pick Avlu then tone down the dividers (#E2DDD5 is light by design — set it to #F0F0F0 for a near-invisible separator).
Need a hand? Contact support.