Website Building » Shopify » How Do I Change My Shopify Theme Color?

How Do I Change My Shopify Theme Color?

Last updated on January 8, 2023 @ 5:26 pm

It’s easy to change the colors of your Shopify theme. There are two ways to do it: through the Theme Editor, or by editing your theme code.

To change your colors through the Theme Editor:

    1. Go to Online Store > Themes in your Shopify admin.

    2. Find the theme you want to edit, and then click Actions > Edit code.

    3. In the Layout directory, click on theme.liquid.

    4. Find the line of code that starts with {{ 'layout.theme' | t }}: and is followed by a hex code (six characters long). This is the code for your theme’s color scheme.

    5. To change the color, simply replace the hex code with a new one. You can find hex codes for colors.

    6. Click Save.

To change your colors by editing your theme code:

1. In the Assets directory, click on style.scss.liquid (for most themes) or stylesheet.css (for older themes).

2. If you don’t see either of these files, look for a file called style.css or stylesheet.liquid instead – these are also used for styling themes, but they’re not as common as .scss or .css files nowadays.

3. Find the line of code that starts with

$theme-color: and is followed by a hex code (six characters long).

4. To change the color, simply replace the hex code with a new one.

Click Save.

Both of these methods will allow you to change your Shopify theme’s color scheme with ease!

PRO TIP: If you are considering changing your Shopify theme color, be aware that this can have a major impact on the look and feel of your store. Make sure to carefully consider your options before making any changes, as it can be difficult to revert back to a previous theme color once you’ve made the change.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.