The search box towards the top of the page is invisible until you click in it

[jackbuehner]

Also, the search box towards the top of the page is invisible until you click in it. When the page first loads it is grey but then reverts to black within seconds, then, when you click in the box, a border is shown.

I realise that area of the page is default set to transparent so I could change it to 'Accent color' making it clearer to see but that is quite ugly to look at. It would be nicer to look at if it could either remain grey as on loading or keep the border.

I should confirm I am using a dark Firefox theme but changing it, including to the 'Light' theme, does not make any difference to either of these scenarios.

Originally posted by @hermitical in https://github.com/jackbuehner/gmail-dark-modifications/issues/1#issuecomment-450840143

[jackbuehner]

@hermitical

The Gmail team must have made some changes to the top bar, which is why some elements (like the Gmail logo and the search box) were improperly inverted.

---

In the next update I send out, the following change should fix the issue:

.gb_Te,
.gb_Xe,
#aso_search_form_anchor, .SK.ZF-zT {
    border-radius: @button-border-rad;
    filter: invert(90%) hue-rotate(180deg);
}

becomes

.gb_Te,
#aso_search_form_anchor,
.SK.ZF-zT {
    border-radius: @button-border-rad;
}
.SK.ZF-zT,
.gb_df {
    filter: invert(90%) hue-rotate(180deg);
}

[jackbuehner]

Fixed in version 2.2.2 - commit a89e130c1216537d1c3f1e91523ea8d7530e3ccb

Click here for latest version

[hermitical]

I'd only just noted the inverted logo but yes, your update has fixed this search box (and logo) problem - thank you!