my header component on the startpage should have a navigation with a black font color, but for all other pages the color for the navigation text should be white.
I know that I could use two components, but I am sure there is a much better way. Actually I just need to invert the navigation text for the startpage, but how can I seperate the color inside the same component for a single page?
You need some thing you can use in CSS to single out the header on the start page. Perhaps you can add a special class to the body of the start page and then use that?
I just recognized that when I use the empty div to nest the nav inside and to invert it with CSS filter, then the content from the login button (which is inside the nav) also gets inverted and the elements get effected also.