CSS Custom Properties: De Basis Uitgelegd
Een volledig gids voor het gebruik van CSS variabelen in dark mode implementatie. We gaan diep in op fallback waarden, browser support en hoe je performante themavariabelen bouwt.
Lees het artikel
Senior Frontend Architect
ThemaWisselaar B.V.
Dark mode implementatie en themawisseling voor moderne Nederlandse websites met focus op merkconformiteit en toegankelijkheid.
In frontend architectuur en designsystemen
Gebruiken zijn themavariabelen standaarden
Met proper CSS custom properties implementatie
ThemaWisselaar B.V. in Amsterdam
Van junior developer tot architect van Nederlandse themavariabelen standaarden
Maarten begon zijn carrière in 2010 als junior webontwikkelaar bij een reclamebureau in Utrecht. Daar ontdekte hij snel zijn passie voor CSS-architectuur en elegante designsystemen. Terwijl collega’s zich focusten op back-end, zag Maarten iets anders — een mogelijkheid om het front-end zoveel sterker te maken.
Na zijn stage studeerde hij aan de Universiteit van Amsterdam waar hij zich specialiseerde in Human-Computer Interaction. Dat was waar het echt klikte. Niet alleen code schrijven, maar begrijpen hoe mensen ermee interacteren. Later verdiepte hij zich aan Hogeschool Amsterdam in geavanceerde CSS-architectuur, wat hem voorbereide op de complexe problemen die hij later zou aanpakken.
Van 2013 tot 2019 werkte Maarten voor verschillende tech-bedrijven in Amsterdam. Hier bouwde hij zijn expertise in het beheren van grote designsystemen op. Hij leidde teams door complexe CSS-refactorings, documenteerde best practices en hielp organisaties hun designfilosofie duidelijk uit te stellen. Maar iets voelde nog onvolledig. De meeste websites hadden geen goed antwoord op dark mode — het was altijd een beetje hackerig.
In 2019 kreeg Maarten een project dat alles veranderde. Een groot Nederlands retailbedrijf vroeg hem om hun website dark mode-ready te maken. Niet alleen visueel — maar met merkconformiteit, toegankelijkheid en performance. Maarten deed wat hij altijd doet: hij zette zich eraan en maakte iets grondig.
Het resultaat was een complete rethink van hoe themavariabelen beheerd worden. Hij combineerde CSS custom properties, prefers-color-scheme detectie en systematische contrast-testing. De resultaten waren indrukwekkend: 40% betere performance, nul contrast-fouten in beide thema’s, en een systeem dat schaalbaar bleek voor honderden organisaties.
Dat 2019-project inspireerde Maarten en zijn team. Ze zagen dat er een echte behoefte was voor goed gedocumenteerde, science-backed themavariabelen architectuur. In 2021 richtten ze ThemaWisselaar B.V. op in Amsterdam. Niet als een agency die websites maakt, maar als specialists in het enige waar ze werkelijk goed in zijn: dual-theme implementatie en merkconformiteit.
Vandaag leidt Maarten het R&D-team bij ThemaWisselaar. Ze werken met Nederlandse organisaties van alle grootten — van startups tot bedrijven met miljoenen gebruikers. Hun standaarden worden gebruikt door meer dan 300 Nederlandse websites. Maar het belangrijkste voor Maarten is nog steeds hetzelfde als in 2010: code die werkelijk elegant is en mensen gelukkig maakt.
Maarten gelooft dat themawisselen niet zomaar een UX-feature is. Het’s een cruciaal element van hedendaagse, inclusieve webdesign. Zijn aanpak combineert wetenschappelijke rigor met praktische toepasbaarheid. Contrast leesbaarheid en themavariabelen behandelt hij niet als laatste gedachte — maar als centrale onderdelen van de designfase zelf.
Hij werkt graag met teams die begrijpen dat dark mode complex is. Je kunt het niet oplossen met één globale CSS variable. Je moet nadenken over kleurverhoudingen, luminescentie, leesbaarheidscurves, en hoe mensen feitelijk de voorkeur kiezen. Dat’s waar Maarten beter in is dan wie dan ook.
Wat Maarten beter doet dan wie dan ook
Zijn meest uitgebreide gidsen en onderzoeken
Een volledig gids voor het gebruik van CSS variabelen in dark mode implementatie. We gaan diep in op fallback waarden, browser support en hoe je performante themavariabelen bouwt.
Lees het artikelHoe ontwerp je een licht en donker thema dat merkconformiteit behoudt? Maarten deelt zijn framework voor contrastverhouding, luminescentie en color harmonies in beide modes.
Lees het artikelContrast testen is ingewikkelder dan het lijkt. Dit artikel toont hoe je systematisch WCAG AA compliance bereikt in zowel light als dark mode met geautomatiseerde en handmatige methodes.
Lees het artikelHoe detecteer je automatisch het voorkeur thema van de gebruiker? En hoe bouw je een toggle die hun keuze onthoud zonder localStorage problemen? Alle details hier.
Lees het artikelBekijk alle artikelen en gidsen over dark mode, themavariabelen en dubbele kleurenschema’s op ThemaWisselaar.