Hoe donker moet de darkmode van Tweakers worden?

Reacties (99)

Martijn.C.V

2 maart 2023 17:02

Om maar even een extra suggestie te plaatsen:

Why not both? Een dark mode en een black mode.

IMO is een dark mode voornamelijk donkere tinten, het scherpe licht er af, meer ontspannen om naar te kijken.
Maar er zijn ook mensen die zwart niet donker genoeg vinden. Persoonlijk vind ik dat als het zwart moet elk gevoel van design vervalt. Als t gewoon donker maakt a la HWI kun je nog iets.

Als jullie het toch aanraken, why not both? Extra class in de CSS moet me voldoende lijken. En ik gok dat jullie SCSS gebruiken, dus dan kun je iets doen als:

:root {
--main-color: #FFF;
}

body.darkmode{
--main-color: #777;
--secondairy-color: #555;
}
body.blackmode{
--main-color: #000;
--secondairy-color: #000;
}

body{
color: var(--main-color);
}
section{
color: var(--secondairy-color);
}

Quote want code bestaat hier blijkbaar niet

[Reactie gewijzigd door Martijn.C.V op 22 juli 2024 23:14]

TheMaurice @Martijn.C.V • 2 maart 2023 20:29

Dit geïmplementeerd met de bestaande slider zou echt geweldig zijn. Want een white mode die oogverblindend wit is ben ik ook niet direct fan van, evenmin een dark mode die pikzwart is.

robni7 @Martijn.C.V • 3 maart 2023 04:28

Op GitHub heb je ook een donkere modus en een "donkere modus met iets minder contrast" (dark dimmed), waarbij de achtergrond eerder donkergrijs is. Die laatste vind ik zelf ook veel fijner.

Witte tekst op zwarte achtergrond is voor mij juist nog scherper in het oog dan zwarte tekst op een witte achtergrond. Wit op donkergrijs is juist heel prettig voor mijn ogen, en er is nog meer dan genoeg contrast om alles te kunnen lezen en onderscheiden. Misschien iets psychologisch, maar in het zwart raak ik juist eerder het overzicht kwijt.

Mijns inziens is het een kleine moeite om voor beide typen donkerliefhebbers een mooi kleurenschema te maken. Niet te veel zwart-wit denken

[Reactie gewijzigd door robni7 op 22 juli 2024 23:14]

Drunken_Bear @Martijn.C.V • 9 maart 2023 16:21

Kunnen ze niet gewoon de al bestaande "licht - donker" slider aanpassen zodat een tweaker deze zelf kan aanpassen tot het op de gewenste "donker" niveau zit, dan gewoon zorgen dat het max niveau zo donker mogelijk is.

[Reactie gewijzigd door Drunken_Bear op 22 juli 2024 23:14]

djwice

@Martijn.C.V • 4 maart 2023 18:18

Wellicht https://developer.mozilla...edia/prefers-color-scheme aan je CSS toevoegen?

Zodat het geen class is die door je gezet moet worden maar gewoon css native werkt?

Micromize @djwice • 11 maart 2023 13:00

Je mag wel aannemen dat dit gebruikt gaat worden. Dit is de enige manier om überhaupt dark mode aan te bieden aan de gebruiker.

djwice

@Micromize • 11 maart 2023 19:12

In bedoelde dat het aan/uit niet via een JavaScript gaat die een "dark mode" class zet op bijvoorbeeld de <body>.

Dat zie je namelijk ook best vaak, zonde denk ik dan als het ook css native kan.

Micromize @djwice • 11 maart 2023 23:45

Zou inderdaad ook kunnen, helemaal gelijk in.

Maar lijkt me dat er iemand wel ervaring mee heeft of in ieder geval minstens 1x geeft gegoogled naar het implementeren van dark mode

djwice

@Micromize • 12 maart 2023 02:49

Bij Tweakers wellicht wel. Helaas kom ik in de praktijk buiten Tweakers vaak eerder anders tegen, veel dingen worden met script libraries opgelost die gewoon met native css en html kunnen.

LA-384 @Martijn.C.V • 6 maart 2023 14:47

Die secondairy-colors zijn zeker melkwit

Blizz @Martijn.C.V • 13 maart 2023 13:05

Dit dus: de meeste apps met twee opties ondersteunen ten minste enerzijds een versie die het palette van macOS/iOS ondersteunt en anderzijds een pitch black mode of de dark blue mode die (ik geloof) Twitter ooit pionierde.

Zolang het ook maar automatisch switcht, want anno 2023 kan dat echt niet zonder, daarom gebruik ik ook al jaren mijn eigen snippets hier.

hbsJR 2 maart 2023 17:04

Hey tweakers,

Als ux designer wil ik jullie nog benadrukken op een aantal artikelen die wellicht interessant zijn voor het development team: https://twitter.com/DanHollick/status/1620813742094286849

Ook kan vanuit een toegankelijkheidsperspectief kan de website tegen problemen aanlopen: https://medium.com/@h_loc...an-it-solves-d2f8359bb46a

En ook https://uxdesign.cc/dark-...est-practices-9b9061b86e1 is enorm de moeite waard om te lezen.

Waar je marketing even moet bijschakelen zijn je "brand colors". Want voor dark-mode moeten jullie waarschijnlijk tweakers groen/geel/rood gaan aanpassen zodat hij beter aansluit op het merk. Dit is iets waar een marketing / merk manager wel enorm stress van krijgt. Het is niet eventjes een achtergrond op zwart zetten en klaar, zelfs je lettertypes hebben misschien een aanpassing nodig.

TweakerCarlo @hbsJR • 3 maart 2023 11:42

De volgende link is dan ook heel interessant:
https://stackoverflow.blo...k-mode-on-stack-overflow/

Joostk 8 maart 2023 23:54

Graag uitvoeren met meerder opties. In te stellen via een slider zou super zijn.
Zelf vind ik het donkerblauwe van Twitter ook al fijn lezen. Echt helemaal gitzwart is iets te donker naar mijn mening.
Maar voor de mensen die zeggen wat mooi zwart is moet mooi zwart blijven is het goed dat die optie er wel is.

scorpio @Joostk • 12 maart 2023 11:25

Helemaal wat ik dacht $_/-\o_$
Geef mensen keuze dan ist helemaal goed..de één pitcher Black.. de Ander waar lichter..
Slider set

TomPé 2 maart 2023 18:31

#666666

Edit: Dat er toch nog zoveel mensen zijn die geen darkmode willen verbaasd me ergens wel.

[Reactie gewijzigd door TomPé op 22 juli 2024 23:14]

SinergyX @TomPé • 3 maart 2023 12:26

Ik ben er eentje van, ik hoef geen darkmode. Mijn Windows, programma's, alles draait gewoon wit met zwarte letters, enige die darkmode draai is discord, maar enkel omdat die lightmode zo buggy als wat is.

LA-384 @SinergyX • 6 maart 2023 14:53

Ik vind darkmode zelf meer iets voor mobiele apparaten, omdat ik voornamelijk daarmee in de avonduren tweakers bezoek. Overdag vind ik een darkmode ook minder aan de orde.

Franckey @LA-384 • 8 maart 2023 11:45

Voor mij hetzelfde. Op de telefoon alles darkmode en is het met OLED fijn als de achtergrond echt zwart is, dus pixels uit. Op een groter scherm, pc/laptop dan gebruik ik geen darkmode. Dan vind ik zwarte letters op een donkere achtergrond juist prettiger lezen.

Maar is misschien ook een kwestie van wennen, want voor foto- en videobewerking gebruik ik op een groot scherm dan weer wel darkmode.

Jorizzz @TomPé • 5 maart 2023 10:13

Ik vind het zelf gewoon vaak heel vervelend kijken, zo'n dark mode. Zeker als er veel tekst of code getoond wordt, dan wordt zo'n dark mode weergave voor mijn gevoel minder scherp. Als er weinig tekst is, dan trek ik een dark mode prima, maar is het voor mij niet per se beter dan een light mode.

Bor Coördinator Frontpage Admins / FP Powermod @TomPé • 6 maart 2023 11:58

Dat er toch nog zoveel mensen zijn die geen darkmode willen verbaasd me ergens wel.

Mij niet. Het zijn er vast nog veel meer want iemand die geen interesse heeft in darkmode zal niet snel op een poll hierover klikken vermoed ik. Naast dat de voordelen van dark mode die vaak worden geopperd wetenschappelijk niet altijd even goed onderbouwd zijn (of geheel niet onderbouwd) is het ook wel een beetje een hype wat mij betreft en iets wat voornamelijk te maken heeft met een persoonlijke voorkeur. We zijn way back niet voor niets afgestapt van monochrome displays met heldere tekst op een donkere achtergrond. Zie o.a. Dark mode isn't for everyone. Here's why.

Veel websites worden er met dark mode in mijn ogen niet beter leesbaar of mooier op. Zoals jij je verbaast over het aantal mensen die geen dark mode hoeven verbaas ik mij over het grote aantal mensen die dat wel wil. Ik denk dat de groep die om darkmode vraagt behoorlijk vocaler is dan de groep die geen interesse heeft.

[Reactie gewijzigd door Bor op 22 juli 2024 23:14]

Fore! @Bor • 10 maart 2023 05:45

Ik denk dat de groep die om darkmode vraagt behoorlijk vocaler is dan de groep die geen interesse heeft.

Uhhh betreft ELK onderwerp weet ik zeker dat dit altijd het geval is

Anoniem: 316512 @TomPé • 8 maart 2023 11:16

Mij verbaast het dan weer dat dit voor veel mensen een soort must-have is. Ik heb er zelf weer totaal geen behoefte aan.

hensema @TomPé • 15 maart 2023 15:57

Zwarte letters op witte achtergrond lezen gewoon het rustigste.

Uiteraard moet je je monitor niet in standje nucleaire explosie zetten en daarna in een donkere kamer gaan zitten. Monitor instellingen correct en lichte kamer, dan is zwart-op-wit IMHO gewoon het beste.

SomerenV 2 maart 2023 17:52

Waarom niet een slider ofzo? Laat het de gebruiker zelf maar aanpassen naar wens. Anno 2023 moet dat toch wel mogelijk zijn lijkt me.

Xanquezer @SomerenV • 2 maart 2023 18:45

T zal je even verbazen maarruuuhh vroeger was deze er...
T is al lang geleden dat ik deze heb gezien.

Soepstengel

@SomerenV • 3 maart 2023 10:48

UI kleuren goed samen stellen is moeilijk en heeft vergaande gevolgen in de hele website. Past het tweakers rood wel bij full black of grijs en alles wat daar tussen zit? Wat doe je met die variabelen? En de call to action button kleuren? En zie maar eens een slider value naar alle kleur variabelen om te zetten in combinatie met of sommige combinaties wel goed werken.

WoutervOorschot

@Soepstengel • 6 maart 2023 10:26

Dat is waar, maar als de darkmode donkergrijs wordt met alle kleuren dan kan de achtergrond bijv tussen donkergrijs en zwart met een slider. Je hoofdkleuren moeten inderdaad wel vast staan voor alle contrastopties.

Sinds tweakers 7 kun je de achtergrond al aanpassen tussen wit en grijs met de slider onder het tandwieltje in de menubalk. Dat zou met een darkmode ook kunnen.

TomPé @SomerenV • 2 maart 2023 18:34

Lijkt mij ook een TOP IDEE

LaMaZitten 2 maart 2023 19:55

Wat mij betreft niet tè donker, maar het mag wel iets donkerder dan HWI. Ik deel de hierboven uitgesproken mening dat het niet zwart moet worden. Ik vind het juist prettig dat er door gebruik van verschillende gradaties van donker meer 'structuur/layout' zichtbaar blijft op een website.

Ik gebruik Stylus met 'Tweakers Dark v2 (by Jooch)' met nog een paar kleine aanpassingen. Het zou nog iets donkerder dan dat thema mogen, maar dat is al 90% van wat ik ideaal vind.

Randfiguur @LaMaZitten • 2 maart 2023 21:55

Nog een argument tegen een een totaal zwarte achtergrond: witte of bijna-witte tekst steekt er heel fel tegen af. Dat maakt lezen inspannend, wat funest is voor een site met veel (langere) teksten.

Ook veroorzaakt witte tekst op zwarte achtergrond een soort afterimage als je van het scherm wegkijkt. En het brengt vervelende halo-effecten voor veel mensen (met oogaandoeningen) met zich mee.

Gelukkig kan ik vrijwel alle sites prettig donker én prettig leesbaar maken met de extensie Dark Reader, waarmee je het contrast per site kan instellen.

david-v

@Randfiguur • 4 maart 2023 10:41

Ik heb de nos app op dark mode staan. Dat is zwart met van wat langere witte tekst. Geen enkel probleem mee. Het is voor iedereen denk ik anders hoe het ervaren wordt. Zeker bij oogaandoeningen kan het vervelend worden. Maar we moeten niet vergeten dat de "normale" kleuren zoals we ze nu hebben ook blijven bestaan. Nu heb je geen keuze. Met CSS mode kan je natuurlijk ook helemaal los gaan (ik gebruik nu ook een eigen CSS voor Tweakers) en kun je voor jezelf helemaal naar wens afstellen.

Erwin537 2 maart 2023 17:52

Persoonlijk heb ik dat bij "échte" dark modes waarbij het praktisch zwart word het esthetisch gewoon veel kwijt raakt. Vandaar "niet erg donker" gestemd. Een prettig design met de juiste contrasten en een beetje donker is wat mij betreft perfect.

Exirion @Erwin537 • 3 maart 2023 07:31

Precies dit. Donker maar esthetisch verantwoord betekent in de praktijk ‘zoiets als hardware.info’. Bij pikzwarte designs heb ik snel het gevoel naar een high contrast theme voor visueel gehandicapten te zitten kijken.

MrMonkE @Exirion • 7 maart 2023 11:27

Ik denk juist aan midden jaren negentig 'my first homepage'-tm bij dat soort zwarte sites. De 40 animated gifs en de 'work in progress' scrollende banner met de begeleidende text in een variatie van cyan, meganta, with, rood en nog 10 kleuren.. die ontbreken gelukkig.

<blink>de 'good old days'</blink>
Toen <blink> nog werkte.
Ik zie het in mijn gedachten knipperen.

Het slider idee lijkt me het beste indien uitvoerbaar.
Gewoon rechtstreeks beschikbaar in MrMOnkE menu rechts boven. (Exiron menu voor jou, dat menu.)

Moeten ze wel vierkante smilies gaan maken want die zien er niet uit in mijn darkmode (Plugin). https://i.imgur.com/cjk1sbk.png

liberque 2 maart 2023 17:00

Denk aan de oled gebruikers en het milieu.. dus zwart!

Anonymoussaurus @liberque • 3 maart 2023 09:05

Zwart zorgt voor black smearing (zie grijze vlak) op een AMOLED telefoon.

david-v

@Anonymoussaurus • 4 maart 2023 10:44

Dat is natuurlijk alleen bij snelle beweging op het scherm. Ik denk niet dat dat van toepassing is als je een artikel aan het lezen bent op Tweakers

nero355 @david-v • 10 maart 2023 14:16

Er hoeft maar één avatar tussen te zitten die het activeert en je merkt het meteen!

!nFerNo 2 maart 2023 17:20

Kan iemand de opties gewoon naast elkaar zetten?

Xanquezer 2 maart 2023 17:58

Nou, als ik eerlijk mag zijn, ik gebruik al n lange periode een soort van knock off van "perfect dark" thema.
De meeste hex codes zijn prima te doen.

Aantal kleuren die gebruikt worden:
#292929
#555
En nog wel meer.
T word meer n versie van 50 tinten (donker)grijs.

Zwart zou ik persoonlijk afraden (buiten de sommige teksten om).

Op dit item kan niet meer gereageerd worden.

Poll

Hoe donker moet de darkmode van Tweakers worden?

Reacties (99)

Sorteer op:

Weergave: