Visual Identity
Color Settings
Define your brand's visual identity with a custom color palette, optimized for both light and dark environments.
Core Brand Colors
#D5FF34
Primary Accent
Used for primary buttons, price badges, and high-impact UI elements.
#111827
Primary Background
The standard background for dark mode and premium sections like the footer.
Dual-Mode Architecture
Sellzar uses a **Mode-Specific Color System**. This means you don't just pick a color; you pick how that color behaves in both light and dark modes.
Light Mode Tokens
Applied when the theme is in its default state. Focus on clarity, whitespace, and high-contrast typography.
Dark Mode Overrides
Automatically triggered by system preferences or the sticky toggle. Customize deep grays, vibrant accents, and reduced-glare text.
Surface & Surface 2
Sellzar uses a "layered" approach to backgrounds to create visual hierarchy.
Base Background
The main canvas of your store. Usually pure white or light gray in light mode.
Surface Accent
Used for product card containers, drawers, and secondary banners to separate content blocks.
Color Dictionary Integration
Remember that these global colors can be overridden for specific products using the **Color Dictionary**, allowing for product-specific branding.