In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to launch Theme Editor.
In the left hand column of the Theme Editor, click the panel labelled 'Buttons & Icons'.
Primary action button
| Button text color | color of the text inside the button |
| Button text hover color | color of the text in the button when you hover a cursor over it |
| Button background | color of the button behind the text |
| Button background hover | color of the button behind the text when you hover a cursor over it |
| Button background active | color of the button behind the text when you click on it |
Secondary action button
| Button text color | color of the text inside the button |
| Button text hover color | color of the button behind the text |
| Button text active color | color of the text in the button when you click on it |
| Button border | color of the line around the button |
Tertiary action button
| Button background | color of the “sort by” filter selector/drop-down |
| Button arrow icon | color of the arrow in the “sort by” filter selector/drop-down |
Disabled button
| Button text color | color of the text inside the disabled button |
| Button background | color of the button behind the text |
| Button border |
color of the border around the button |
Icons
| Social media icon | color of social media icons in the footer |
| Social media icon hover | color displayed when the cursor hovers over a social media icon |
| Star review icon (full) | color of the star icons that are empty in a star rating display |
| Star review icon (empty) | color of the star icon rating that gets counted |
| Increase/decrease button | color of the quantity change buttons |
Checkboxes and radio buttons
| Checkbox and radio icon | color of the checkmark on checkboxes, or the dot on radio buttons |
| Button background | color of the box behind the check mark or radio dot |
| Button border | color of the border around the checkbox/radio button |
