Skip to main content
Stop accepting generic checkout designs that look like every other online store. Theme configuration lets you create a checkout that reflects your brand identity and enhances customer trust.

​
Admin Configuration

A Version carries the configuration of your theme
  1. Navigate to your version in the admin dashboard
  2. Click the Theme Configuration tab
  3. Modify colors, spacing, rounding
  4. Save changes - updates apply instantly to all checkouts
Theme configuration tab showing color, typography, and spacing settings
Ollie’s design tokens follow DaisyUI’s pattern. We natively support any token already defined by DaisyUI.

​
Core Theme Elements

Essential Theme Structure
{
  "colors": {
    "primary": "#556AEB",      // Main brand color
    "secondary": "#BFC9FF",    // Accent color
    "background": "#FFFFFF",   // Page background
    "text": "#000000"          // Text color
  },
  "fonts": {
    "primary": "'Inter', sans-serif"
  },
  "radius": {
    "primary": "8px"           // Button/card roundness
  }
}