Jeśli zainstalowałeś ostatnie wersje testowe Firefoksa 4.0 i masz ciemny styl GTK (A New Hope, cała gama Shiki, Dust, Equinox itd.) odkrywasz pewne… nieścisłości kolorystyce niektórych elementów przeglądarki. Głównie chodzi o pasek kart, pasek adresu, podpowiedzi wyszukiwania oraz Firefox Button.
Jak widzisz – Firefox nie jest najczytelniejszy i generalnie odstrasza. Do naprawienia wykorzystamy rozszerzenie Stylish 1.1b4 (które współpracują z najnowszymi wersjami Fx).
Tworzymy nowy styl, i definiujemy zawartość:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url-prefix("chrome://")
{
#TabsToolbar
{
background: Menu !important;
color: MenuText;
}
.tabbrowser-tab:not([selected])
{
color: MenuText !important;
}
#appmenu-toolbar-button {
color: MenuText !important;
background: Menu !important;
}
#appmenu-toolbar-button.chromeclass-toolbar-additional:hover, #appmenu-toolbar-button[selected="true"], #appmenu-toolbar-button:focus {
color: WindowText !important;
}
.autocomplete-richlistitem, .autocomplete-richlistitem *
{
background: Menu !important;
color: MenuText !important;
}
.autocomplete-richlistitem:hover,.autocomplete-richlistitem:hover *, .autocomplete-richlistitem[selected="true"], .autocomplete-richlistitem[selected="true"] * {
background-color:Highlight !important;
color: HighlightText !important;
}
}
That’s all folks ;) Efekt końcowy wygląda tak:
Takie krótkie omówienie: Wymuszam na Firefoksie stosowanie wybranych kolorów systemowych. Dzięki temu Firefox dostosowuje się do kolorystyki systemu. Mój styl nie jest robiony pod konkretny styl i powinien działać prawidłowo z większością styli dostępnych dla GTK. Jeśli jednak coś wyświetli się nie tak – łatwo go będzie zmodyfikować.
Lista kolorów systemowych znajdziesz np. na tej stronie.

