Customize the base colors of scheme 1 of the checkout design system. Scheme 1 refers to any area outside the checkout order summary.

PropertiesDescription
Base Background ColorSet the background color for scheme 1 (should be 6 digits hexcode e.g: #000000).
Base Accent ColorDefine the base accent color (links and focused states) for scheme 1 (should be 6 digits hexcode e.g: #000000).
Base Border ColorDefine the base border color for scheme 1 (should be 6 digits hexcode e.g: #000000).
Base Decorative ColorDefine the base decorative color (highlighting parts of the user interface) for scheme 1 (should be 6 digits hexcode e.g: #000000).
Base Icon ColorDefine the base icon color for scheme 1 (should be 6 digits hexcode e.g: #000000).
Base Text ColorDefine the base text color for scheme 1 (should be 6 digits hexcode e.g: #000000).

Examples

Scheme 1 base colors before customization

 

Set Scheme 1 base background color to a light pink color

 

Set Scheme 1 base accent color

1.

2.

Set Scheme 1 base border color

1. 

2.


Set Scheme 1 base text color

1. 

2. 

3. 

4. 

5. 

6. 

How can we help?