Postanowiłem założyć autorski tag #lurkerdesign na którym będę wrzucał wszystkie aktualizacje i nowości dotyczące moich postępów podczas stylowania Lurkera w stylusie. I tak oto powstaje dla was pierwszy wpis ze wszystkimi szczegółami dotyczącymi tego co zrobiłem i jak możecie korzystać z moich styli

Co do tej pory zrobiłem:
1. Dodałem tooltipy pokazujące się pod przyciskami na górnej belce menu, oraz pod filtrami, tak żeby użytkownik otrzymywał natychmiastowy feedback nt. przycisku, który ma zamiar kliknąć. Standardowy atrybut

title

jest upierdliwy, ale jak widać się przydał.
2. Zachowując zgodność między tooltipami, a ikonami powiadomień (dzwonek i koperta) na górnej belce (jedno z drugim się gryzło), dokonałem zmian, które bardziej w mojej ocenie przykuwają uwagę i informują o oczekującej wiadomości lub powiadomieniu.
3. Poprawiłem widoczność przycisków na belce filtrów tak, żeby były bardziej wyraźne.
4. Zmieniłem zachowanie przycisku zmieniającego układ wpisów (Widok klasyczny, pełny i zwinięty) tak, by bardziej odwzorowywał aktywny układ.
5. Poprawiłem widoczność przycisków na belce edytora (wpisy, komentarze).
6. Dodałem delikatne tło na stronie, żeby nie wyglądało tak monotonnie. W mojej ocenie efekt nie jest bardzo agresywny, a wręcz urozmaica otoczenie

Starałem się, żeby zmiany były kompatybilne z wszystkimi motywami, więc w niektórych miejscach mogą występować drobne różnice w kolorach.

Jeżeli ktoś zechce skorzystać z moich poprawek, a nie wie jak, już wyjaśniam.
W pierwszej kolejności należy zainstalować dodatek Stylus do swojej przeglądarki:
Chrome
Firefox
Opera

Po instalacji dodatku, wystarczy, że klikniecie w jeden z linków poniżej. Dodatek powinien sam załapać, że otwarty link jest przeznaczony "dla niego" i zapytać, czy chcemy zainstalować styl.
Polecam zaznaczyć opcję automatycznych aktualizacji, przydzadzą się w przypadku wprowadzanych w przyszłości poprawek
Instalujemy styl i to wszystko, jak wyskoczyło okienko ze Stylusa, można śmiało je zamknąć.

Jeżeli macie jakieś sugestie odnośnie poprawek UI/UX, które powinienem rozważyć, jestem otwarty na propozycje. Chętni mogą również zrobić forka mojego repo i wprowadzać swoje zmiany

Linki do szybkiej instalacji (po ich kliknięciu powinien wywołać się Stylus):
All in one - Wszystkie style jako jeden plik.
Tło - Delikatny wzór w tle strony.
Edytor - Poprawki dotyczące edytora (na razie sam rozmiar ikon)
Filtry - Lekko przestylowana belka z filtrami, jak również poprawiony przycisk zmieniający widok.
Ikony powiadomień - Kolorowe, animowane ikony dzwonka i koperty w chwili otrzymania nowego powiadomienia/wiadomości.
Tooltipy - Błyskawiczne i rzucające się w oczy podpowiedzi pod przyciskami filtrów i belki górnego menu.
Uwaga!
Jeżeli zainstalujecie same tooltipy, będą się wam działy dziwne rzeczy z ikonami powiadomień. Jest to spowodowane tym, że w stylusie korzystam z tego samego pseudoselektora :before co standardowo pojawiająca się w tamtych miejscach kropka, dlatego jak ktoś zechce wybrać same tooltipy, zalecam jednocześnie doinstalować ikony powiadomień

Link do repo jest tutaj
Zboczenie zawodowe każe mi wszystko pisać po angielsku, więc zrozumcie
@Thanos Gdyby te kosmetyczne zmiany Ci się spodobały, korzystaj do woli Na pewno mam nadzieję, że spodobają się społeczności Lurkera
@dodajkomentarz Ty również będziesz pewnie zainsteresowany

Na koniec szybki rzut okiem na omawiane zmiany
https://streamable.com/a6eqnh
#lurker #design #css #stylus