Pepper.pl - Full Dark Theme 2019/2023
Witam, po wielu pytaniach w dyskusjach oraz uzyskanych odpowiedziach że ciemny motyw oficjalnie się nie pojawi, stwierdziłem że trzeba wziąć sprawy w swoje ręce.
No to lecimy.
Potrzebujemy jeden z dodatków do przeglądarek, a mianowicie Stylus, Greasemonkey lub Tampermonkey.
Uwaga: Nie polecam dodatku Stylish ponieważ jest podejrzany o szpiegowanie użytkowników.
Mozilla Firefox:
Google Chrome:
Opera:
Apple Safari:
Microsoft Edge:
Po wybraniu i zainstalowaniu, pobieramy ciemny motyw z tego linku:
Pobierz
* - Greasemonkey i Tampermonkey instalujemy poprzez kliknięcie przycisku "Install style as userscript"
Galeria obrazów:
imgur.com/gallery/ds0207k
Założenie było aby wyeliminować biały kolor i jego pochodne w jak największym stopniu, co wydaje mi się raczej się udało. Jeśli będzie duże zainteresowanie to w miarę możliwości (czas) będę się starał aktualizować ciemny motyw, dajcie znać jeśli znajdziecie jakieś błędy (nie-ostylowane miejsca).
Wołam zainteresowanych:
@KiedysToByło@DMX@phyrz
Pozdrawiam
PS. Nie jestem Front-End Developerem / Designerem więc nie bijcie jak znajdziecie jakieś rażące byki.
Witam, po wielu pytaniach w dyskusjach oraz uzyskanych odpowiedziach że ciemny motyw oficjalnie się nie pojawi, stwierdziłem że trzeba wziąć sprawy w swoje ręce.
No to lecimy.
Potrzebujemy jeden z dodatków do przeglądarek, a mianowicie Stylus, Greasemonkey lub Tampermonkey.
Uwaga: Nie polecam dodatku Stylish ponieważ jest podejrzany o szpiegowanie użytkowników.
Mozilla Firefox:
Google Chrome:
Opera:
Apple Safari:
Microsoft Edge:
Po wybraniu i zainstalowaniu, pobieramy ciemny motyw z tego linku:
Pobierz
* - Greasemonkey i Tampermonkey instalujemy poprzez kliknięcie przycisku "Install style as userscript"
Galeria obrazów:
imgur.com/gallery/ds0207k
Założenie było aby wyeliminować biały kolor i jego pochodne w jak największym stopniu, co wydaje mi się raczej się udało. Jeśli będzie duże zainteresowanie to w miarę możliwości (czas) będę się starał aktualizować ciemny motyw, dajcie znać jeśli znajdziecie jakieś błędy (nie-ostylowane miejsca).
Wołam zainteresowanych:
@KiedysToByło@DMX@phyrz
Pozdrawiam
PS. Nie jestem Front-End Developerem / Designerem więc nie bijcie jak znajdziecie jakieś rażące byki.
Udostępnij przez Messenger
76 Komentarzy
sortowanie:v2.3 - 21.05.2021
- Poprawki w komentarzach dyskusji/okazji
- Poprawki kolorów ikon w zakończonej okazji
- Poprawki w dodaj okazję/kupon
- Poprawki odznak autor okazji/edytor/admin/moderator/partner
- Poprawki na kartach:
- pepper.pl/about
- pepper.pl/team
- pepper.pl/tim…ine
- pepper.pl/grupa
- pepper.pl/par…ing
- pepper.pl/app…oad
(Edytowano)Link do galerii: imgur.com/gal…07k (Edytowano)
Bardzo dobrze to wygląda
Zapowiada się dobrze. Moje uwagi:
-pomarańcz faktycznie można by nieco stonować
-tekst jest trochę za ciemny (za bardzo zlewa się z tłem), i można by go trochę rozjaśnić (ale też nie za bardzo)
Jest taka strona ze śmiesznymi obrazkami Wykop.pl. Po zalogowaniu można ustawić tryb nocny, który jest (wg mnie) bardzo dobry, i jak najbardziej można się na nim wzorować.
Ogromny PLUS dla Ciebie.
Wielka szkoda, że nie ma o tym informacji na głównej stronie bo zapewne dużo więcej osób skorzystałoby z takiego rozwiązania.
ale jak się pokombinuje w opcjach to wygląda nieco lepiej
Dark invert #5 (zmodyfikowany negatyw):
W zasadzie jakby na to spojrzeć na userstyles.org są dostępne aktualnie 4 style do peppera, każdy podobny na pierwszy rzut oka z tego względu że każdy próbował stworzyć styl bez większej ingerencji w kolory które już na pepperze zostały wykorzystane.
Kolejna sprawa proszę włącz sobie style filiosa i poprzełączaj się przez różne elementy na stronie takie jak ustawienia, avatary, sprzedawcy itd.
Następnie wyłącz jego style i włącz moje, gwarantuje że zobaczysz dużą różnicę.
Tak prywatnie to też chciałem poćwiczyć CSS'a ale to nie ważne
Jak już porównujemy statystyki:
Filios: 125 Lini kodu
Janusz: 1022 lini kodu
Pozdrawiam
Informujcie jakby coś nie grało (Edytowano)
Na ciemnym tle niestety mocno rzuca się to w oczy. Nie wiem jakie są możliwości tych narzędzi ale może da się zrobić, żeby pod każdym obrazkiem był jakiś <div> który byłby po prostu biały i miał zawsze stałą wielkość. Sam obrazek byłby wtedy wewnątrz tego elementu ustawiony centralnie. Efekt mógłby wyglądać tak:
Dodatkowo można by zrobić usuwanie pod ":hover" z powrotem na "filter: none", dla tych co chcieliby oglądnąć oryginał zdjęcia.
Dla przyjemniejszego efektu "przejścia" dodać na obrazku "transition: all 1s".
Oczywiście są w "filtrze" inne ciekawe parametry jak "brightnes()" czy "hue-rotate()" więc może coś Ci się spodoba i zaimplementujesz w swoim stylu.
pastebin.com/raw…Z9H
Wyszukaj taką linijkę w kodzie i ją usuń.