This is what the additional CSS code to the header part looks like:
/* Header */
body.home:not(.sticky-header-active) #masthead .site-header-inner .custom-logo {
filter: brightness(10);
}
@media(max-width: 1024px) {
body.home #masthead .custom-logo {
filter: brightness(10);
}
}
body:not(.home) .site-header .header-item svg:not(.stroke-based), body:not(.home) .site-header .dropdown-symbol .ws-svg-icon svg, body:not(.home) #masthead-mobile svg:not(.stroke-based) {
fill: #080808 !important;
}
body:not(.home) .site-header .header-item svg.stroke-based, body:not(.home) #masthead-mobile svg.stroke-based {
stroke: #080808 !important;
}
.desktop-menu-close svg {
fill: #080808 !important;
}