Ciemny motyw Firefoxa i jeszcze ciemniejsze pola tekstowe…

Od zawsze wolę ciemne motywy kolorystyczne i to zarówno w systemie jak i w przeglądarce Firefox. Mój ulubiony motyw to Arc, który występuje w trzech wariantach: Arc, Arc-Dark i Arc-Darker.

Niemniej ciemny schemat kolorów ma swoją zasadniczą wadę. Otóż na wielu stronach, na których występują formularze, tekst wpisywany w pola tekstowe jest prawie lub wcale nieczytelny. Pomaga jedynie zaznaczenie/podświetlenie całego pola.

Ciekawym rozwiązaniem mitygującym tego typu problem jest dodatek do Firefox’a Stylish (https://addons.mozilla.org/pl/firefox/addon/stylish/), który pozwala zdefiniować dla wszystkich jak i pojedynczych stron własny styl CSS.

 

Zdefiniowanie poniższego stylu wymusza białe tło i czarny kolor czcionki w polach tekstowych:

 

input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']) {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

#downloads-indicator-counter {
    color: white;
}

textarea {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

select {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

 

Przykład formularza, który jeszcze nie jest najgorszy, bez powyższego CSS’a wygląda tak:

 

pre

Po zmianie już tak:

 

post

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.