Transparent header background - refresh theme

[AliveJuicers]

Hello,

I would like to solve my problem.

I already tried to use this code in theme.liquid :

.shopify-section-header-sticky sticky-header.header-wrapper { background: transparent !important; position: fixed !important; width: 100% !important; } .shopify-section-header-sticky.scrolled-past-header sticky-header.header-wrapper{ background: var(--gradient-background) !important; top: 0; }

but it is not solved my problem completely.

I need to have icons and text in the header in white color, and than during scrolling down change it to black color, because with the code above, the text in the begining is black, so I need to change it to white in the first step. Thank you for the help.

[AliveJuicers]

Unfortunately this is not solving my issue.
because when I change the color for white and than when I am scrolling down the color will not change for the black but it stays white.

So I have to change something in the code above

But thank you for your help

[AliveJuicers]

this is an example, thank you for your help