Browsers brengen automatische donkere modus naar websites

Sep 18, 2025
Cloud en internet
nalyvme / Shutterstock.com

De donkere modus is nu overal, ook in iOS 13 en Android 10. Webbrowsers zoals Chrome, Firefox, Safari en Edge hebben ook de donkere modus omarmd. Nu brengen browsers automatische donkere modus naar websites dankzij een functie genaamd prefer-color-scheme.

Websites kunnen nu de donkere modus detecteren zoals apps dat kunnen

Sommige sites bieden tegenwoordig donkere modi. U kunt bijvoorbeeld de donkere modus inschakelen YouTube , Twitter , of Slap in een paar klikken. Dat is best gaaf, maar wie wil deze optie elke keer dat ze een nieuwe website bezoeken afzonderlijk inschakelen?

Wanneer u de donkere modus inschakelt op Windows 10, macOS, iOS of Android, weten de applicaties die u gebruikt allemaal dat u de donkere modus heeft ingeschakeld en automatisch kan inschakelen. Google Chrome is niet eens gemakkelijk toegankelijk donkere modus optie . Chrome past zichzelf gewoon automatisch aan op basis van uw algehele besturingssysteemkeuze.

In het verleden was er geen manier waarop websites de donkere modus automatisch konden implementeren. Zelfs als de interface van uw browser donker wordt, zullen websites hun heldere achtergrond blijven gebruiken. U moet de donkere modus handmatig inschakelen of een browserextensie gebruiken die de donkere modus afdwingt.

Het waren niet de fouten van webontwikkelaars: ze konden niet detecteren of de donkere modus was ingeschakeld op uw apparaat. Dat is veranderd met een nieuwe functie voor cascading style sheets (CSS) waar websites van kunnen profiteren.

Het bevindt zich al in een browser bij u in de buurt

Het antwoord op dit probleem is prefereert-kleurenschema , een CSS-functie die websites kunnen gebruiken om uw webbrowser te vragen of de donkere modus is ingeschakeld. Een webpagina kan een ander thema gebruiken, afhankelijk van of u de donkere modus hebt ingeschakeld of uitgeschakeld.

Deze functie is pas in 2019 toegevoegd aan moderne webbrowsers.

  • Google Chrome voor alle platforms (inclusief Android) ondersteunt het sindsdien Chroom 76 , uitgebracht op 30 juli.
  • Safari voor iPhone en iPad krijgt het op 19 september met Safari 13 als onderdeel van iOS 13.
  • Mozilla Firefox ondersteunt het sinds Firefox 67, uitgebracht op 21 mei.
  • Safari voor Mac ondersteunt het sinds Safari 12.1, uitgebracht op 5 april.
  • Microsoft Edge ondersteunt het niet, maar de nieuwe Chromium-gebaseerde Edge-browser wel.

Dit is geen optie die u in uw browser zelf selecteert. Kies gewoon tussen de lichte en donkere modi in uw besturingssysteem, uw browser volgt de wijziging en websites kunnen volgen en automatisch de donkere modus inschakelen als ze dat willen.

Dus waar zijn de websites in de donkere modus?

Hoewel deze functie tegenwoordig live is en in alle populaire browsers werkt, is hij erg nieuw. De donkere modus komt naar iPhone en iPad met de nieuwe iOS 13 . Aan de Android-kant zijn alleen Android-telefoons met de nieuwe Android 10 hebben ondersteuning voor de donkere modus. Zelfs Google Chrome op desktop ondersteunt slechts een paar weken het voorkeurskleurenschema.

Het is gewoon zo nieuw. U zult waarschijnlijk nog niet veel websites tegenkomen die het voorkeurskleurenschema gebruiken om de donkere modus automatisch in te schakelen.

Dat gaat in de toekomst hopelijk veranderen. Websites kunnen nu uw voorkeur voor donkere modus respecteren en deze automatisch volgen. Webontwikkelaars hebben een nieuwe optie waarvan ze kunnen profiteren.

We houden van de donkere modus . Nu het een optie is op de nieuwste besturingssystemen, zijn we verheugd dat het op internet wordt verspreid.

VERWANT: De donkere modus is niet beter voor jou, maar we houden er toch van

.entry-inhoud .entry-footer

Browsers Are Bringing Automatic Dark Mode To Websites

How To Force Dark Mode On Every Website In Google Chrome || Automatic Darkmode To Websites

How To Enable Dark Mode On Every Website

How To Add Dark Mode To A Website With Automatic Switching (CSS-only + JavaScript)

Get Dark Mode For All The Browsers - Chrome, Safari, Firefox - 2019 🔥🔥

Dark Mode JavaScript Toggle Using LocalStorage

How To Force Enable Dark Mode For Chrome On Windows 10

Get True Dark Mode On Any IPhone IOS 12

How To Switch To Dark Mode On Your Mac — Apple Support

Google Chrome: Enable Or Disable Dark Mode

How To Add A "Dark Mode" To Your React Website.

Secret Trick To Enable Dark Mode On Google Chrome [PC]


Cloud en internet - Meest populaire artikelen

Wat is er nieuw in Chrome 73, beschikbaar op 12 maart

Cloud en internet Feb 26, 2025

Chrome 73 zal op 12 maart 2019 het stabiele kanaal bereiken. De nieuwe browserupdate van Google biedt het begin van een ingebouwde donkere modus, tabbladgroepering, ondersteuning vo..


Grote bestanden verzenden via e-mail

Cloud en internet May 23, 2025

Veel e-mailservers weigeren e-mailbijlagen te accepteren die groter zijn dan een bepaalde grootte. Hoewel de bijlagegroottes niet meegaan met de tijd, zijn er andere eenvoudige mani..


Hoe u kunt voorkomen dat T-Mobile streaming video beperkt

Cloud en internet Mar 17, 2025

ONGECAAKTE CONTENT Voor een bedrijf dat net heeft aangekondigd een jaar-op-jaar toename van 8 miljoen nieuwe klanten , "Coole oom T-Mobile" begint er iets ..


Hoe u snelle diavoorstellingen en projecten met foto's kunt maken

Cloud en internet Apr 30, 2025

ONGECAAKTE CONTENT We hebben het over de nieuwe app Foto's van Apple gehad sinds deze onlangs werd uitgebracht als onderdeel van een grotere OS X-systeemupdate. Vandaag willen we ..


Hoe u uw browsergegevens in elke browser kunt synchroniseren en overal toegang toe hebt

Cloud en internet Mar 4, 2025

Als browsersynchronisatie is ingeschakeld, kunt u enkele tabbladen op uw computer openen en deze onderweg openen vanaf uw smartphone. Als u meerdere computers heeft, kunt u uw bladw..


Hoe u mobiele webapps aan het systeemvak vastmaakt voor snelle toegang

Cloud en internet Oct 17, 2025

Soms wil je snel toegang kunnen krijgen tot een website, zonder de grote onhandige, voor desktop geoptimaliseerde interface. Met Treb kunt u dit doen door mobiele websites ..


Hulpmiddelen om inhoud op uw WordPress-blog te plaatsen

Cloud en internet May 10, 2025

Nu je een leuke blog hebt, wil je er meer mee doen en inhoud gaan posten. Hier bekijken we enkele tools waarmee u rechtstreeks op uw WordPress-blog kunt posten. Het schrijven van een..


Organiseer en groepeer uw tabbladen in Firefox op de gemakkelijke manier

Cloud en internet Oct 16, 2025

ONGECAAKTE CONTENT Vind je de functie voor het groeperen van gekleurde tabbladen in Internet Explorer leuk en zou je willen dat Firefox dat ook had? Geniet van het instellen van uw favoriet..


Categorieën