Stylus / UserStyles - łatwa modyfikacja CSS

Praktycznie każdą stronę, z której często korzystam, muszę dostosować pod siebie, Stylus służy do wprowadzania zmian CSS.
Jedno z ważniejszych dla mnie rozszerzeń, zwłaszcza w ostatnich latach (stara Opera na Presto :heart:).

Dla osób nie mających czasu bądź wiedzy, warto wspomnieć o katalogu gotowych modyfikacji:

3 Likes

Podzielisz się jakimiś customizacjami? Albo kodem, albo tak ogólnie, co najczęściej zmieniasz na stronach?

1 Like

Zwykle zmieniam kolorystykę. Stylus pozwala na dodawanie ustawień, w tym colorpicker: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#type
Więc bez problemu mogę np. na komputerze mieć inny schemat kolorów, niż na komórce (rozszerzenie działa na androidowym FF i jego forkach).

Czasem poprawiam paddingi, usuwam text-align: justify (zawsze przeszkadzają mi te nierówne odstępy między słowami :wink:) itp.

2 Likes

Moim zdaniem obowiązkowa wtyczka, obok uBlocka, do odśmiecania stron internetowych. Szkoda, że trzeba umieć CSSa, bo to jest próg nie do przeskoczenia dla normików, ale nieironicznie uważam, że jakiś lekki ejaj mógłby zdziałać cuda, gdyby można było tej wtyczce powiedzieć “ej weź wywal te poziome ozdobniki, wyjustuj tekst i ustaw mi czcionkę i tło tak, żeby mi nie wypalało wzroku”

1 Like

Jeszcze można użyć z uBlocka tej funkcji https://github.com/gorhill/uBlock/wiki/Element-picker

1 Like

Można rozważyć włączenie hyphenation (hyphens: auto) - mamy to u nas na blogu. Plus liczę, że w FF niedługo wdrożą text-wrap: pretty (https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/) :smiley:

1 Like

Jeżeli już edytuję, to wolę wyrównanie do lewej :wink:

2 Likes