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.
| Preset | Vibe |
|---|---|
| Sade | Off-white background, charcoal text, subtle gold accent — the default editorial look |
| Misk | Warm cream + deep brown — softer, lifestyle-leaning |
| Avlu | High-contrast white + black, minimal accents — gallery-style |
| Cevher | Dark 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:
| Setting | Used for |
|---|---|
| Background | Page background, cards, drawer |
| Body text | Default text colour |
| Secondary text | Captions, meta text, disabled states |
| Dividers | Borders between sections, list separators |
| Accent | Sale badges, Buy it now button background, accent labels |
| Sold out overlay | Sold-out badge background on cards |
| Success | Form success messages, "in stock" pulse |
| Error | Form 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 (
#E2DDD5is light by design — set it to#F0F0F0for a near-invisible separator).
