Change colour, logo and header nav title

Site URL: https://www.parviz.ca

I would like to achieve the site header as seen on LouisVuitton.com website. The navigation links, logo and buttons are the colour white by default, and upon hovering over, the colour changes from white to black, with the site header background changing to white. I've attached a photo of how my current header looks like: site header logo and navigation links and button are white by default, and upon scrolling, the site header background changes to black. The end result I would like to achieve is identical to the site header as seen on  LouisVuitton.com

Thanks

Add to Design > Custom CSS

header#header:hover {
    background-color: black !important;
}

13 hours ago, tuanphan said:

Add to Design > Custom CSS

header#header:hover {
    background-color: black !important;
}

 

When background-color becomes black, how can we change the header font-color from black to white? Thank you

We are trying to imitate the Louis Vuitton (https://louisvuitton.com/eng-ca/homepage) website design. 

Before hovering / scrolling-up:

- Header is transparent

- Logo, navigation-title are colored white

Upon hovering / scrolling-up:

- Header background-colour is white

- Logo, navigation-title are coloured black

Remove above & add this new code

header#header:hover {
    background-color: white !important;
}
header#header:hover a {
    color: black;
    border-color: black;
}
header#header:hover img {
    filter: invert(1);
    -webkit-filter: invert(1);
}