Colors
You can use the theme settings to make changes to your online store's typography, colors, social media links, and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.
You can set primary and secondary color schemes for your online store.
From the Colors theme settings panel, you can set the context uses of the colors across the theme.
Customize your color settings
From your Shopify admin, go to Online Store > Themes.
Click on Customize button.
Click Theme settings.
Click Colors.
To open the color picker, click the color swatch for the content type color you want to change. To set a specific hex color code, click on the text field to enter the color.
Delete the hex code value from the text field to set the color to transparent.
Click Save.
Background
Set the background color for the section.
Background gradient
Choose a gradient to apply to the section’s background, replacing the solid color where supported.
Text
Set the text color for the section.
Link hover color
Choose the color that links will change to when hovered over.
Input border
Set the color for input field borders within this section.
Buttons
Background Choose the background color of the buttons within the section. Label Set the text (label) color for the buttons. Background on hover Choose the background color of buttons when hovered over. Label on hover Set the text (label) color for buttons when hovered over. Outline button Choose the color for the outline of buttons within the section.

Last updated