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 een automatische donkere modus naar websites dankzij een functie genaamd prefers-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 op YouTube, Twitter of Slack 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 kan deze automatisch inschakelen. Google Chrome heeft niet eens een gemakkelijk toegankelijke donkere modusoptie. Chrome past zichzelf gewoon automatisch aan op basis van uw algehele besturingssysteemkeuze.
In het verleden was er geen manier voor websites om automatisch de donkere modus te implementeren. Zelfs als de interface van uw browser donker wordt, zullen websites hun heldere achtergronden 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 cascading style sheets (CSS) -functie waar websites van kunnen profiteren.
Het staat al in een browser bij u in de buurt
Het antwoord op dit probleem is prefer-color-scheme, 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 sinds Chrome 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 vandaag live is en in alle populaire browsers werkt, is deze erg nieuw. De donkere modus komt naar iPhone en iPad met de nieuwe iOS 13. Aan de Android-kant hebben alleen Android-telefoons met de nieuwe Android 10 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 voorkeur-kleurenschema gebruiken om de donkere modus automatisch in te schakelen.
Dat zal 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, zullen we verheugd zijn om het over het web te zien verspreiden.
VERWANT: De donkere modus is niet beter voor jou, maar we houden er toch van