Colors (General)

Here you can change color for many elements on theme:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme settings -> Colors (General).

Body

Setting	Description
Background	The background color of an entire page.
Cursor Color	The color of the Cursor.

Placeholder

Setting	Description
Background	Use as a placeholder background for loading images.

Text

Setting	Description
Default text	The default color of the text for an entire page. It is applied to elements that have not been assigned a specific color.
Alternative text	The color of the alternative text. It is being applied to elements: Text on product compare popup Text on compare color popup Product title on Bundle section Varinant name on sidecart 'Your cart is empty' or 'Secure Shopping Guarantee' text on cart page Date text on '[Sidebar] Recent Post' block
Gray	Customize the text color of gray text. It is being applied to elements: Form message 'Tax included' text on side cart Search trending and Placeholder text of search input on search popup Variant name and product vendor of cart item on cart page. 'Coupon code' and 'Tax included' text on cart page.
White	Customize the text color of white text. It is being applied to elements: Content text on Before You Leave popup Close icon on the popups Text on the color swatch's tooltip Text on the cookie popup Text of the count down block on product page ...
Black	Customize the text color of black text. It is being applied to elements: Close icon on the mobile menu Background of close button on Filter Sidebar. ...

Heading Colors

Setting	Description
Text Color	The default color of the heading text for an entire page.

Link

Setting	Description
Text	The text color of the links on all pages.
Text hover	The text color of the links for hover state on all pages.

Button Colors

Setting	Description
Text	The text color of the button.
Border	The border color of the button.
Background	The background color of the button.
Text hover	The text color of the button for hover state.
Border hover	The border color of the button for hover state.
Background hover	The background color of the button for hover state.

Arrows

Setting	Description
Text	The icon color of the arrow item.
Border	The border color of the arrow item.
Background	The background color of the arrow item.
Text hover	The icon color of the arrow item for hover state.
Border hover	The border color of the arrow item for hover state.
Background hover	The background color of the arrow item for hover state.

Dots

Setting	Description
Border	The border color of the dot item.
Background	The background color of the dot item.
Border hover	The border color of the dot item for hover state.
Background hover	The background color of the dot item for hover state.

Global

Setting	Description
Text	This color is being applied to elements: Background and border color of the product remove button on the compare product popup. Background color of the Sticky Add To Cart Style 2 on mobile. Background and border of the Style 1 count down block on product page Text on pickup popup Background of tooltip ...
Border	This color is being applied to elements: Background of the track of the scrollbar on the product combo list Border top and border bottom the product combo item ...
Background	This color is being applied to elements: Background of the pages or articles in search results on the search page. Background of the blockquote ...

Pagination

Setting	Description
Items: Text	The text color of the pagination item.
Items: Border	The border color of the pagination item.
Items: Background	The background color of the pagination item.
Items: Text hover	The text color of the pagination item for hover state.
Items: Border hover	The border color of the pagination item for hover and active state.
Items: Background hover	The background color of the pagination item for hover and active state.

Loading spinner

Setting	Description
TSpinner Top Color	The color of the top part of the spinner.
Spinner Right Color	The color of the right part of the spinner.
Spinner Bottom Color	The color of the bottom part of the spinner.
Spinner Left Color	The color of the left part of the spinner.

Alert

Setting	Description
Error text	The color of the error text on the error alert popup.
Error background	The background of the error alert popup.
Success text	The color of the success text on the success alert popup.
Success background	The background of the error success popup.
Info text	The color of the info text on the info alert popup.
Info background	The background of the info success popup.

Warning

Setting	Description
Text	The text color of the warning popup.
Background	The background color of the warning popup.