Korzystam z tego dodatku Dark Mode dla Firefox. Mam problem jak wchodzę na pracuj.pl, bo nie widać dobrze całej strony, np.
wygląda tak
https://i.imgur.com/pClChiH.png
bez Dark Mode widać wszystko
https://i.imgur.com/XepqT2L.png
Używam opcji Simple dark I
Jak to ustawić, żeby wszystko było widoczne, tylko żeby tło było ciemne?
Moim zdaniem kwestia dodatku. Pewnie, aby to poprawić trzeba by ręcznie ustawiać style CSS.
Z Dark Reader działa poprawnie od strzała na domyślnych ustawieniach:
Możesz zaproponować by dodali natywny ciemny motyw, może za 2 lata będzie możliwe bez dodatków.
Zmieniam tytuł, bo dodatek ma wsparcie Chromium np. Chrome:
https://chrome.google.com/webstore/detail/dark-mode/dmghijelimhndkbmpgbldicpogfkceaj
https://microsoftedge.microsoft.com/addons/detail/boldmdfoencgjfblcelefkjfafmpiahm
Więc tam też pewnie odtworzysz błędy z sliderami jako tło:
| stock (gubi tła) | simple dark (ciemne na ciemnym w tabelach) |
Zrzut z Edge 100. I raczej strona nie robi dwóch bardzo różnych kodów pod Chrome z „feautrami”.
A wiecie może jak ustawić żeby na wszystkich stronach była biała czcionka, bo ten dodatek, który zaproponowałeś ją zmienia, może na zasadzie odwrócenia kolorów:
Chciałbym ustawić na wszystkich stronach białą. Nagłówki to linki, ale opisy są już pokolorowane przez ten dodatek.
Poza tym ten dodatek mi zmienia kolor paska narzędzi i paska zakładek. Mam ustawiony ciemny kolor KDE Breeze Dark Compatible a on go przestawia na jakiś jaśniejszy, tzn. w opcjach motywów nic się nie zmienia, ale wyświetlanie się zmienia.
Pewnie też można ręcznie nadpisać CSS-em - dodatek ma niby tryb korekty skorelowany z domeną (czyli nieco lepiej niż w dodatku Dark Mode).
Potem na ile pozwala to cofnąć inna opcja Dark Reader.
Inwersja kolorów nie musi zachodzić - wtedy osiągamy czarny z brązem (a to sugeruje, że czerń tekstu może jest w odcieniach granatu).
Nie widząc kodu wykopu, raczej nie napiszę co poprawić a nie widzę sensu pisać kodu w stylu:
html:root > head ~ body *:not(img, svg),
html:root > head ~ body *:is(:focus, :hover),
html:root > head ~ body,
html:root {
background-color: black !important;
color: white !important;
}
Coś na pewno zepsuje się np. grafiki png tracą kanał alfa, akcje klikniecia i najechania - co być może naprawi dopisanie :not(img, svg) do gwiazdki (najechanie lub kliknięcie wymaga już skopiowania całej ścieżki). Wtedy strona bardziej przypomina tryb wysokiego kontrastu.
Dodatkowo zalogowani na wykop mają ciemny motyw ale nie aż czarny z bielą - jakby plik z kodem na ciemny wygląd był w osobnym pliku to można by go regularnie podkradać i ładować innym sposobem „wylogowanym”:
https://www.wykop.pl/static/wykoppl7/s/f2c62809806622f30084eced5600a947.css
URL nie wygląda na czytelny dla ludzi, kopia w pastebin: Ciemny motyw wykop - Pastebin.com
https://pastebin.com/raw/9Rcmqbjy
W tym dodatku, który podlinkowałem na początku Dark Mode dla Firefox, można dodać custom css. Czy da się chociaż na pracuj pl wykluczyć pewne obszary albo określić dla nich background i font color korzystając z tego:
Mi to wygląda na konkretny obszar z jakimś zdefiniowanym tytułem, więc podejrzewam, że można się do tego odwołać, choć nie wiem jak. Wystarczy mi jak sobie zdefiniuję te kilka górnych obszarów, z nazwą stanowiska, które są zaciemnione po przejściu na ciemny motyw, tak jak pokazałem na pierwszym screenie. Reszta jest ok.
Ogólnie to ten custom css w Dark Mode jest kiepski, trzeba kopiować bazowy styl i dopisywać swoje.
Spróbuj tak aktywowany „simple dark - 1”:
/* początek "simple dark - 1" */
html, html * {
color: #eeeeee !important;
border-color: #555555 !important;
background-color: #292929 !important;
}
html, body, html::before, body::before {
background-image: none !important;
}
img, video {z-index: 1}
cite, cite * {color: #029833 !important}
video {background-color: transparent !important}
input, textarea {background-color: #333333 !important}
input, select, button {background-image: none !important}
a {background-color: rgba(255, 255, 255, 0.01) !important}
:before {color: #eeeeee !important}
:link, :link * {color: #8db2e5 !important}
:visited, :visited * {color: rgb(211, 138, 138) !important}
/* koniec "simple dark - 1" */
/* poprawki pod strony gdzie nam coś nie pasi */
/* - w oparciu o ich "unikalne" drzewo html */
#kansas-offerview div[class^="offer-view"][data-test="section-belt"] {
visibility: hidden !important;
/* "lub": background: unset !important; */
}
Wspaniale. O to chodziło. Bardzo dziękuję.
Ten temat został automatycznie zamknięty 180 dni po ostatnim wpisie. Tworzenie nowych odpowiedzi nie jest już możliwe.