Fixed yellow text on header

src/Components/MenuBar.js

@@ -44,7 +44,7 @@ export const ButtonStyled = styled(Button)`
     text-transform: capitalize !important;
     margin : 0 8px !important;
     font-weight : normal !important;
-    color: ${props => props.contrast === "" ? "#666 !important" : "yellow !important"};
+    color: ${props => props.contrast === "" ? "black !important" : "yellow !important"};
     text-decoration: ${props => props.contrast === "" ? "none" : "underline !important"};
 `
 
@@ -68,7 +68,7 @@ const ButtonPublicarRecurso = styled(Button)`
 `
 
 const IconSearchStyled = styled(IconSearch)`
-  color: #16b8dd;
+  color: ${props => props.contrast === "" ? "#16b8dd !important" : "white !important"};
 `
 const ImageStyled = styled.img`
     height: 50px;
@@ -173,12 +173,12 @@ export default function MenuBar(props) {
         <Dropdown name="Sobre" items={menuSobre} />
         <Dropdown name="Ajuda" items={menuAjuda} />
         <a href="http://educacaoconectada.mec.gov.br/" rel="noopener noreferrer" target="_blank" >
-          <ButtonStyled className={`${state.contrast}LinkColor`} >Educação Conectada</ButtonStyled>
+          <ButtonStyled contrast={state.contrast} >Educação Conectada</ButtonStyled>
         </a>
         {/*<Link to="/loja">
             <ButtonStyled>Lojinha</ButtonStyled>
         </Link>*/}
-        <ButtonStyled className={`${state.contrast}LinkColor`} onClick={props.openSearchBar} ><IconSearchStyled className={`${state.contrast}IconColor`} />Buscar</ButtonStyled>
+        <ButtonStyled contrast={state.contrast} onClick={props.openSearchBar} ><IconSearchStyled contrast={state.contrast}/>Buscar</ButtonStyled>
 
       </Left>
       <Right>