Color schemes

Claro supports multiple color schemes that you can apply to any section. This gives you complete control over the look and feel of every part of your store.

How color schemes work

Color schemes are defined globally in Theme settings → Colors. Each scheme includes:

Color	Description
Background	Main background color of the section
Background secondary	Secondary background (cards, inputs, etc.)
Text	Primary text color
Text secondary	Secondary/muted text
Accent	Brand accent color (buttons, links, highlights)
Accent contrast	Text color on accent backgrounds
Border	Border color for dividers and outlines

Gradient support

Both the background and accent colors support gradients. When a gradient is set, it will be used for button backgrounds and section backgrounds where applicable.

Default color schemes

Claro ships with three pre-configured color schemes:

• Scheme 1 — Light (white background, dark text)
• Scheme 2 — Dark (dark background, light text)
• Scheme 3 — Warm neutral (soft beige background)

You can modify these or create additional schemes to suit your brand.

Applying color schemes

Every section includes a Color scheme dropdown in its settings. Simply select the scheme you want and the section will automatically update all its colors.