How can I modify the header color and text in the Dawn theme?

[eyeonline]

I would like to change ONLY (for Dawn theme):

1. Header background color

2. Header (and sub-header) text color

[oscprofessional]

@eyeonline ,

for header background

sticky-header.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
    background: red;
}

For menu color :

nav.header__inline-menu span {
    color: #fff;
}

fro sub header text :

ul#HeaderMenu-MenuList-2 a, ul#HeaderMenu-MenuList-1 a {
    color: red;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Note : Change color as you need.

[eyeonline]

Thank you. It works great. I now realize that I also need to change the color of the search, cart and user login icons.

[oscprofessional]

@eyeonline ,

.header__icons a, svg.modal__toggle-open.icon.icon-search {
    color: red;
}

[eyeonline]

Fantastic!! It works. Now I again noticed the last element on that header that I want to change the color for.

[oscprofessional]

@eyeonline ,

svg.icon.icon-caret {
    color: red;
}

[eyeonline]

Great. Thank you for the help!

[eyeonline]

Can you assist how to also make this white?

[oscprofessional]

.menu-drawer-container svg.icon.icon-hamburger {
    color: #fff;
}