Google introduceert donkere modus voor zoekmachinepagina's op desktop

Na een testperiode van meer dan een half jaar introduceert Google officieel een donkere modus voor zijn webpagina's in desktopbrowsers. De zoekmachine kan ingesteld worden om altijd of nooit in de donkere modus te zitten, maar kan ook de systeeminstelling hierin volgen.

Google meldt dat de modus 'uitgerold' wordt, verspreid over de komende weken. Wie toegang tot de functie heeft, kan de optie vinden na te klikken op het tandwieltje, dat zichtbaar is op de resultatenpagina. Hoe het zit met de beschikbaarheid in Nederland en België is niet helemaal duidelijk omdat Google daar geen details over geeft, maar bij Tweakers was de optie nu al beschikbaar in de Firefox-browser.

De functie was zeker sinds februari in de testfase. Daarvoor moesten gebruikers zich wenden tot extensies voor hun browser om de donkere modus te bewerkstelligen. De Google-app voor Android en iOS had de functie al langer: die kregen hem in mei van vorig jaar.

Meer en meer apps en besturingssystemen krijgen een donkere modus. Sommigen vinden de modus aantrekkelijker om naar te kijken, terwijl het anderen meer om het gemak voor de ogen gaat; minder fel licht kan comfortabeler zijn om naar te kijken, afhankelijk van de hoeveelheid omgevingslicht. Een andere techniek om het kijkcomfort te verbeteren, is om de kleurtemperatuur in donkerdere situaties te verlagen. Dit is effectief, maar gaat ten koste van de kleurechtheid.

Google desktop dark mode

Door Mark Hendrikman

Redacteur

11-09-2021 • 12:27

85

Submitter: DanielChopin

Reacties (85)

Sorteer op:

Weergave:

Kan ik hier op google.be gewoon gebruiken. Ik gebruik al meer dan 20 jaar dark modus in ontwikkelingsomgevingen. Sommige konden dat niet snappen, ik word gewoon gek van die witte achtergrond. Ieder zijn ding, maar ik ben all pro
Volgens mij was er jaren geleden al zoeits als Blackle o.i.d. waarbij Google op zwart werd gezet, iemand had berekend dat het wereldwijd significant stroom per jaar zou besparen als Google dit zou implementen.
Google wilde er destijds niet aan vanwege marketing redenen.
Dat kwam uit de tijd dat iedereen nog met een CRT werkte. Met de komst van TFT’s was er geen energie winst meer tussen zwart en wit scherm.

Al is de TFT zelf een stuk zuiniger dan de CRT :)
Was bij OLED zwart ook niet zuiniger? Of heb ik voor niks jaren met een zwarte achtergrond rondgelopen :P
Bij OLED is zwart inderdaad zuiniger. Hoeveel het scheelt weet ik niet; sowieso zijn telefoons nu niet bepaald een grote energieslurper in het huishouden.
Mijn telefoon deed het maar een paar uur op de accu. Dan ga je besparen waar je (denkt) te kunnen :P
LED / TFT schermen hebben ook al jaren 'zones' voor de backlight, zodat ze in theorie ook energie besparen bij donkere achtergronden.
Laatste keer dat ik er eentje open hebt gehaald zaten er gewoon een soort tl balken achter. Maar dat is al lang geleden.
Volgens mij was er wel een verschil tussen volledig zwart en volledig wit bij TN panelen :?

Ik weet het exacte verhaal niet meer helaas :)
Bij sommige LCD panelen kan een zwart scherm meer stroom gebruiken dan een wit scherm.
https://www.scientificame...fact-or-fiction-black-is/
Er zit wel een verschil in TFT/LCD schermen. Zo heb je displays met 3-4 (2 groen) pixels die branden voor wit en displays met een eigen witte pixel. De displays die RGB pixels gebruiken voor wit, gebruiken wel degelijk een stuk meer energie.

De Lumia 920 had zo'n display dat veel energie verbruikte bij witte pixels omdat het alle 3 de subpixels aan mocht zetten. Nu was het scherm zelf bij wit niet onzuiniger dan andere LCD paneeltjes. Maar door wat vernuftige stukjes techniek van Nokia, gebruikt dat scherm in de 920 bij veel zwart, amper energie.

Ik heb het ook actief gemeten, ik begon met normale thema's, alles wit, zoals al 20 jaar de norm is want 'marketingtechnisch'. Display was grootste energieverbruiker van het toestel, met ruime marge. OS thema op zwart, meest bezoche website een custom CSS (zat destijds 2-3 uur per dag in de trein en veelal op Tweakers) en het display gebruikte beduidend minder dan de SoC. Enige hulp van GDR updates en nieuwe features zoals Glance. Vooral Glance, een display dat 24/7 aanstond was op smartphones toen nog ongekend. Toch ging de accu nog steeds fluitend 2 dagen mee op een lading.
juist, blackle.com bestaat nog steeds :)
Dit doen ze duidelijk alleen vanwege druk vanuit gebruikers. Of adverteerders.

Als ze echt voorstander waren van dark mode, hadden ze het ALLANG door alle producten heen.

[Reactie gewijzigd door _Thanatos_ op 23 juli 2024 11:11]

Komt nogal wat bij kijken om dat uit te voeren. Zeker gezien dergelijke teams een grote hebben waar je zes keer u tegen zegt.

Een half jaar wordt daar gewoon gevierd als mission success. Je moet ook niet vergeten dat dit goed moet gaan in alle talen, devices en methodes waarin dergelijk scherm gebruikt te zien is.

Zo beland je vanuit bijna elke browser op die pagina, ook op die iPhone uit 2010.
Zo, ik denk niet dat je beseft hoeveel werk dit is. Het is niet "alleen" wat css aanpassen. Je moet werkelijk naar alles kijken om te voorkomen dat teksten (over het algemeen altijd zwart) overal goed te lezen zijn. Wit achtergrond met grijs is nog redelijk te lezen, maar met een zwarte achtergrond is het een ander verhaal. Je moet dan goed naar alle contrasten kijken. Je moet vervolgens ook het kleur design van je bedrijf zodanig aanpassen dat deze nog herkenbaar is, ook al heb je dark modus. Als laatste moet je werkelijk alles door laten testen wat best veel werk is, dit raakt werkelijk alles.

We hebben er een keer naar gekeken naar we kwamen er redelijk snel achter dat het niet "even wat css aanpassingen" waren, tenminste als je het goed en professioneel wilt doen.
Nou zijn de Google pages wel redelijk simplistisch. Je moet voor de grap eens vergelijken tussen light en dark mode, dan zie je dat nu:
1. Hyperlinks iets lichter blauw zijn
2. De tekst, borders en dat soort shit witgrijs zijn
3. De achtergrond donkergrijs is
4. De Goooooooooogle onderaan ook witgrijs is

En verder is er niet echt iets veranderd. Verder is het ook nog niet eens af. :D Je "app menu" (of hoe dat ding ook """officieel""" heet, die 9 puntjes rechts bovenin) heeft nog een behoorlijk vieze rand. Hetzelfde voor de "See results about" aan de rechterkant; het loepje heeft dezelfde witgrijze achtergrond in plaats van gewoon transparant. En dat heeft dan meer dan een half jaar gekost. ;]

Het wordt al meteen heel anders als je users ook zelf formatting zoals kleurtjens kunnen gebruiken. Dan zijn alle kleuren waarschijnlijk niet leesbaar op een donkere achtergrond, denk aan het standaard rood (#FF0000) of blauw (#00FF00) wat op een witte achtergrond gewoon prima werkt. Geel maak je op wit juist donkerder dus dat zal waarschijnlijk ook weer iets lichter gemaakt moet worden. En dan krijg je nog dingen als media players met een seek bar, play/mute knoppies en volume control die er ook weer bij moeten passen. Denk dat dit ook de voornaamste problemen zijn waardoor Wikipedia nog steeds geen dark mode heeft, open maar eens een willekeurige page met redelijk wat inhoud en kijk naar hoeveel kleuren en contrasten die heeft (ik had toevallig nog iets over sumo in mijn history staan :D).

Dus ja, in algemene zin is het inderdaad wat meer werk dan "ff wat CSS fixen", maar in het geval van Google gaat dat niet op. Een uitzondering hierop vind ik dan wel weer Maps. Ook al kan ik het nu op desktop niet in dark mode zetten, op Android kan dat wel en daar moet alles wel echt een goed contrast hebben om het tijdens het rijden goed te kunnen zien.
Wij hebben wel eens geprobeerd om een hybride app ook in Dojkere mode te krijgen (iets van 20 simpele views) maar we kwamen al snel achter dat het meer werk is dan je initieel denkt. Je geeft zelf al aan dat het hier en daar nog steeds niet goed is, terwijl ik niet verwacht dat de pagina van Google, hoe simpel die ook is/lijkt, door amateurs in elkaar is gezet.
Ik mag aannemen dat ze in hun achterlandschap goeie themeing hebben, waardoor het een kwestie is van de kleurtjes goed zetten en klaar.

In een app/website die er nooit voor gebouwd is, is het natuurlijk lastiger. Dan zul je eerst iets van themeing moeten introduceren, maar zoals je al zegt, de Google website is niet door amateurs in elkaar gezet...
Voor Google is de zoekpagina bij uitstek hun grootste inkomstenbron. Als een verkeerd werkende donkere modus in de testen resulteerde in 1% minder inkomsten uit search betekent dat wanneer ze het globaal uitrollen dat heel Google 1% minder inkomsten heeft. Daarom is het niet even makkelijk een prefers-color-scheme en gaan, maar vooral uitvoerig testen van elk van de duizend aanpassingen die ze proberen.
Da's een beetje hetzelfde als zeggen dat een auto niks meer dan vier wielen, een stuur en een motor is...
Het overspuiten van een auto eerder. Dat is voor een supercar nauwelijks meer werk dan voor een boodschappenautootje.
Kan iemand uitleggen waarom een dergelijke feature zo lang getest zou moeten?
Technisch is het wellicht niet zo'n groot probleem, maar Google leeft zo ongeveer van zijn zoekmachine en ook al heb je maar 0,5% minder traffic, dan gaat dat om heel veel geld. Daarbij zit Google search vol allerlei kleine add-ons en die wil je natuurlijk allemaal wel goed laten werken. Ook heb je third-party software die er mee om moet kunnen gaan. Dus zo'n ogenschijnlijk kleine wijziging in de CSS kan best veel tijd kosten.
Waarschijnlijk zitten er een hoop gebruikersonderzoeken achter. Welke tint grijs komt het beste uit de bus? Welke tint wit moeten we voor de knoppen en links in de footer gebruiken? Hoe worden zoekresultaten getoond?

Klinkt allemaal als onzin, maar de zoekmachine van Google is zo druk bezocht dat ze echt alles zeker willen weten voordat ze een wijziging doen. Ik verwacht dat ze dit met elke wijziging doen, hoe klein ze ook zijn.
Het zou fijn zijn als je zelf de grijstint / zwartkleur iets kan bijregelen zodat het voor jezelf het aangenaamst is. Helemaal zwart als achtergrond vind ik ook niet lekker werken, ik prefereer een ietsjes meer donkergrijze achtergrond anders knalt de witte tekst alsnog zo uit het scherm.
Discussie over Tweakers in dark-mode in 1, 2, 3... :+
Ik ben voor dark mode Tweakers!
Met custom css is dat al lang beschikbaar, werkt aardig (behalve in de pricewatchgrafieken).
Custom CSS is een noodoplossing. Als het echt zo goed zou werken dan zou Tweakers het wel omarmen en het als optie geven. Veel Tweakers willen deze feature graag, maar ze geven al heel lang niet thuis. Het zal waarschijnlijk komen, omdat je alle content geschikt moet maken voor zowel light als dark mode en dat is lastig. Tweakers is een heel uitgebreide site, waar ook nog eens veel user-generated content op staat en het is maar de vraag of dat er een beetje goed uit ziet als je ook dark-mode beschikbaar maakt. Met custom CSS hoeven ze dat niet te ondersteunen.

Ook je test-werk voor lay-out gerelateerde zaken wordt meer. Het zal voor Tweakers wellicht niet eens de eenmalige kosten zijn, maar de angst voor toename in de terugkerende kosten. Daarbij is het afbreukrisico klein. Het is niet zo dat ik niet naar Tweakers ga omdat ze geen dark-mode hebben.

Ik verwacht dan ook niet dat Tweakers hier snel mee gaat komen.
Bijvoorbeeld afbeeldingen. Ik heb zelf inmiddels een hele goeie darkmode die simpel te schakelen is, maar alle product/review/alle afbeeldingen zijn wit van achtergrond, niet transparant
Gewoon even een achtergrond blend toevoegen op alle images en voila:
img { mix-blend-mode: multiply; }
Als je dat doet hou je in vraag en aanbod nauwelijks nog plaatjes over helaas... Veel vlakken worden dan egaal wit
Met custom css is dat al lang beschikbaar, werkt aardig (behalve in de pricewatchgrafieken).
Totdat ze weer een aanpassing gaan doen .. en de CSS weer half kapot is
Gelukkig hebben we daar Custom CSS templates voor dat je kan activeren op je account.

Mijn voorkeur: custom css snippet: Addon voor Perfect Dark snippet in combinatie met custom css snippet: Tweakers Perfect Dark

[Reactie gewijzigd door Luchtbakker op 23 juli 2024 11:11]

Oh wow _/-\o_

Thanks, deze werken super hier, danku!
Aandacht: Eerst Custom CSS aankopen in de Karmastore of een abbonement nemen
Dat is altijd al zo geweest
Heb ik gelukkig al ruim een half jaar ondertussen. Zijn gewoon CSS scripts voor, die jij sowieso kan draaien, gezien je Tweakers ook sponsort.
Het duurt idd wel heel lang voor een darkmode op Tweakers.....
Het is ongetiegelijk veel werk om het goed voor elkaar te krijgen aangezien de website fundementaal niet voor gebouwd is. Fundamentele wijzigingen op een website is zowiezo veel werk omdat echt ALLES mee geraakt word. Dus daarom is Google hier ook al zo lang mee bezig geweest.

(Heb dit van een tweakers.net devver)

Nog ff geduld dus.
Kan je simpel intellen voor Tweakers in je account;

- ga naar : instellingen -> layout -> custom css
- kies voor "zoek naar snippets"
- "Tweakers perfect dark" staat daar al bovenaan.
- klik op "gebruiken"

linkje:
https://tweakers.net/instellingen/customcss/

Voila.
Echter, deze custom CSS is niet geheel foutloos. Zo zijn legends in grafieken zijn vaak moeilijk leesbaar.

[Reactie gewijzigd door winand op 23 juli 2024 11:11]

Nou, als zelfs Google het kan...
Zou het graag zien hier op Tweakers...
En ja, kun je zelf ook doen, maar om dat steeds op elk apparaat en in elke browser opnieuw de instellingen ervoor te maken....

[Reactie gewijzigd door swhnld op 23 juli 2024 11:11]

Het zou in principe makkelijker moeten dan met de custom css rules. Ik vind het prima als het achter een betaalmuur komt. Echter, gewoon simpel kunnen switchen naar een basisversie van een dark mode moet in 2021 wel kunnen met 1 druk op de knop vanaf het startscherm.
Ook Google heeft er een half jaar voor uitgetrokken, en dat voor een relatief simpele en kale pagina. Voor Tweakers zal het een ietsiepietsie meer werk zijn, gok ik
En ja, kun je zelf ook doen, maar om dat steeds op elk apparaat en in elke browser opnieuw de instellingen ervoor te maken....
Je kan het ook binnen Tweakers toepassen, dan heb je het op elk apparaat en browser zolang je bent ingelogd!

https://tweakers.net/instellingen/customcss/
Op google.nl doet ie het gewoon hoor, maar ik heb niets met dark modes.
Ach met chrome kan je allang forceren dat iedere pagina in dark mode wordt weergegeven.
Een stuk plezieriger voor de ogen, en de accu van je apparaat.
Altijd niets om dark mode gegeven. Een jaar terug toch maar eens geprobeerd en wil niet meer terug.
Dark reader extensie gebruik ik al jaren. Deze zet automatisch websites om in dark-mode. Doet ie ook heel goed.
Ik gebruik de addon Darkreader. Werkt perfect. Gelijk alle sites in darkmode, heel soms werkt het niet heel lekker maar daar kan je dan een exclusion voor aanmaken met een enkele klik.
mijn ogen danken u. 34" screen op tweakers is echt vreselijk ook met "nachtlamp" aan.
Fullscreen browsen op 3440x1440 lijkt me dan ook niet zo heel handig : Losse vensters FTW!!! :Y) 8) :*)
hmm soms 2 dingen naast elkaar maar heb het vooral gekocht om te gamen en films :D
Dark Reader werkt idd heel goed, maar is best een resource hog. Pagina's laden merkbaar trager als je Dark Reader inschakelt, ook op een moderne CPU. Dus iedere site die een native dark mode ondersteunt is welkom.
Zo wanneer komt tweakers met een native dark mode?
Niet op wachten. Gewoon Darkreader installeren. Is sneller dan wachten tot 't hele web darkmode toevoegd.
ik heb de mod status geactiveerd en 2 mods van gebruikers nu aan. werkt tot nu toe goed.

Op dit item kan niet meer gereageerd worden.