Nowa funkcjonalność - Dark mode

9

Tryb Ciemny Nadchodzi! 🌒 ✨

Hejka 4programmersi!

Z ogromną radością i niemałym dreszczykiem emocji pragniemy podzielić się z Wami nowiną, na którą wielu z Was czekało - tryb ciemny wkrótce zawita na nasze forum!

Prace nad tym długo oczekiwanym udogodnieniem już trwają. W pierwszej kolejności strona główna, kategorie oraz wątki. Kolejne etapy przemiany obejmą mikroblogi, ustawienia, profile użytkowników i wiadomości.

Jesteśmy podekscytowani, by pokazać Wam postępy naszych prac. Zapraszamy Was serdecznie na środowisko testowe, iteracyjnie pojawiają się tam kolejne zmiany.

Aby przetestować tryb ciemny, wystarczy, że klikniecie w przełącznik "Przełącz motyw", który znajduje się tuż obok przycisku Githuba (zastępuje on poprzedni przycisk w menu użytkownika przeznaczony do aktywacji ciemnego menu). A najlepsza wiadomość? Nie musicie być zalogowani – więc każdy ma szansę wypróbować nowy wygląd naszego forum bez dodatkowych kroków.
screenshot-20240222174414.png

Z niecierpliwością czekamy na Wasze komentarze i już teraz dziękujemy za wszelkie wskazówki. Razem stwórzmy coś wyjątkowego! 🫶

Serdecznie Was pozdrawiamy i do zobaczenia... po ciemnej stronie forum! 😎

2

Wreszcie 😀
Dwie uwagi: okienko z cookiesami nie zostało dostosowane i na przywitanie bije w oczy

screenshot-20240222182413.png

Po drugie ten przycisk chyba nie jest aż tak istotny żeby zajmował na stałe miejsce na górze strony? Ja bym go schował w menu pod awatarem, tam gdzie jest teraz opcja "Ciemne menu"

2

Tekst się zlewa z tłem jeśli ktoś ma mało reputacji
screenshot-20240222192850.png

ta ramka dookoła tabów też dziwnie wygląda
screenshot-20240222193131.png

1

screenshot-20240222193331.png
To chyba też trochę bije po oczach
screenshot-20240222193435.png
tutaj też wydaje mi się dziwne

1
abrakadaber napisał(a):

Tekst się zlewa z tłem jeśli ktoś ma mało reputacji
screenshot-20240222192850.png

W ogóle ciekawostka że u mnie czarny tekst wydaje się być cieńszy niż biały:

screenshot-20240222193656.png
screenshot-20240222193707.png
Natomiast, jeśli przywrócimy biały tekst i zrobię filter: invert zamiast tego to grubość pozostaje taka sama:

screenshot-20240222193804.png
Ktoś to umie wyjaśnić?

0

kod jest nieczytelny
screenshot-20240222193945.png

1

szybka odpowiedź też tekst zlewa się z tłem
screenshot-20240222194037.png

1

edycja tabeli
screenshot-20240222194142.png

i jej wygląd na podglądzie
screenshot-20240222194213.png

1

Proces powstawania ciemnego motywu jest ciągle work-in-progress.

0

Przyciski w module mikroblogów są ciemne, ale hover jest jasny:

screenshot-20240222213940.png

Przy okazji — dobre odcienie, przyjemnie się patrzy na stronę w tym motywie.

3

Czy dostaniemy też ciemne emotki?

0

da sie to jakos przelaczyc na malym wyswietlaczu czy musze kompa wlaczyc?
Nie widze takiego przycisku na ajfonie :(

1
KamilAdam napisał(a):

da sie to jakos przelaczyc na malym wyswietlaczu czy musze kompa wlaczyc?
Nie widze takiego przycisku na ajfonie :(

Na małym wyświetlaczu zostaje tylko ikonka, tekst znika.

screenshot-20240222231414.png

0
abrakadaber napisał(a):

kod jest nieczytelny
screenshot-20240222193945.png

Z tym będzie problem, bo już kiedyś sprawdzałem Prisma i ma kiepskie style dark mode, trzeba by było zrobić migrację na highlight.js, albo ktoś ręcznie dorobi style, ale to chyba będzie więcej roboty.
Ten highlight ma bardzo ładne te style już stworzone i nie trzeba było by za dużo się bawić w stylowanie.

0
obscurity napisał(a):

Wreszcie 😀
okienko z cookiesami nie zostało dostosowane i na przywitanie bije w oczy

Poprawione.

obscurity napisał(a):

W ogóle ciekawostka że u mnie czarny tekst wydaje się być cieńszy niż biały:

Natomiast, jeśli przywrócimy biały tekst i zrobię filter: invert zamiast tego to grubość pozostaje taka sama:

Ktoś to umie wyjaśnić?

To jest zamierzone działanie. Wymieniona różnica wynika z text-shadow, który zdecydowaliśmy się usunąć z ciemnego motywu.

furious programming napisał(a):

Przyciski w module mikroblogów są ciemne, ale hover jest jasny:

Poprawione.

furious programming napisał(a):

Przy okazji — dobre odcienie, przyjemnie się patrzy na stronę w tym motywie.

Dziękujemy! 🫶

Autysta napisał(a):

Z tym będzie problem, bo już kiedyś sprawdzałem Prisma i ma kiepskie style dark mode, trzeba by było zrobić migrację na highlight.js, albo ktoś ręcznie dorobi style, ale to chyba będzie więcej roboty.
Ten highlight ma bardzo ładne te style już stworzone i nie trzeba było by za dużo się bawić w stylowanie.

Pracujemy nad niestandardowym stylem kolorowania składni, specjalnie pod 4programmers.net.

obscurity napisał(a):

Git, to jeszcze tylko okienko pisania komentarza [...] i jakoś to będzie wyglądało

Poprawione.

tmk3 napisał(a):

Czy dostaniemy też ciemne emotki?

Czy chodzi o skin-tones?

0

Fajny ten dark mode, ale jak na telefonie wchodzę na profil to mam tylko white.
Tylko u mnie tak jest?

3

Fajny ten ciemny motyw, ale nie róbcie więcej

0

screenshot-20240301095525.png
Tu chyba hover powinien być trochę ciemniejszy

0

Wchodzę na https://4programmers.net/Forum/C_i_C++ i autorzy są na zielono, ale mega ciemno, ale lepiej by wyglądało jakby mieli taki sam kolor jak na https://4programmers.net/ dodał komentarz w...

Tak ten mega szary zielony nie pasuje musi być jasny i ładny.

1 użytkowników online, w tym zalogowanych: 0, gości: 1