How to change fill color of cart and account icons on header? Dawn Theme

Store Design
,

Topic summary

A user wants to change the cart and account icons in their Shopify Dawn theme header to a specific yellow color (#e5da01) while keeping the black outline.

Initial Solution Attempted:

  • Add CSS code to base.css file targeting .header__icon.cart-icon and .header__icon classes
  • The code initially didn’t work due to placement issues

Problem Encountered:

  • When properly implemented, the CSS changed the icon outline to yellow instead of the fill
  • User specifically needs: black outline + yellow fill

Resolution:

  • Support confirmed this specific customization (separate outline and fill colors) is not possible with the current icon design
  • The issue remains unresolved as the desired effect cannot be achieved with these particular icons
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’d like the cart and account icons fill in my header to be a specific hex color (#e5da01) and would still like to keep the outline black.

How can I do that?

Thank you!

carodeal1_0-1720375499869.png
carodeal1_0-1720375499869.png724×198 11.9 KB

2

Hello @carodeal1 ,

Please share the store URL.

Thanks

3

Hi Guleria,

Store is http://artfultransfers.com

Password: yeopow

Thank you!

4

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.header__icon, .header__icon--cart .icon { 
    color: #e5da01;
}

Thanks

5

Hi Guleria,

Thank you for your response.

I added the code to the bottom of my base.css file but it doesn’t work.

carodeal1_0-1720436208328.png
carodeal1_0-1720436208328.png849×569 48.6 KB

Anything else I can do?

Thank you!

6

Seems you break the existing css.
Revert the changes and add css in the bottom but after this closing tag }

7

It works now, nbut it’s making the outline of the icons yellow.

carodeal1_0-1720438987221.png
carodeal1_0-1720438987221.png528×204 13.7 KB

I want the outline to be black and the fill to be yellow.

How can I do that?

Thank you so much

8

Sorry not possible with these icons

9

ok thank you