Index: src/assets/js/ward-theme.js
===================================================================
--- src/assets/js/ward-theme.js	(revision 39dab6b0c3b5fd70bb2f06743430f0014384b3b7)
+++ src/assets/js/ward-theme.js	(revision 5b6f93b3200dfbc83990a4775dd5310d15493abd)
@@ -43,5 +43,5 @@
 /**
  * De kleur toepassen: het accent dat de knoppen, de bubbels en de (+) dragen,
- * plus een zachte tint over de donkere achtergrond zodat de hele hemel de
+ * plus een zachte tint over de LICHTE achtergrond zodat de hele hemel de
  * gekozen kleur ademt. De tekst-op-accent volgt de luminantie.
  */
@@ -50,10 +50,11 @@
   root.setProperty('--accent', hex(rgb));
   root.setProperty('--on-accent', onSky(rgb));
-  // De achtergrond blijft donker (leesbaar), maar krijgt een vleugje van de
-  // kleur: een verticale gradient van de getinte nacht naar bijna zwart.
+  // De achtergrond is LICHT (Robins wens 12-8) maar krijgt een vleugje van de
+  // kleur: een verticale gradient van een lichte tint naar bijna wit. De kleur
+  // wordt sterk richting wit gemengd, zodat de tekst leesbaar blijft.
   const r = (rgb >> 16) & 0xff, g = (rgb >> 8) & 0xff, b = rgb & 0xff;
-  const tint = (f) => `rgb(${Math.round(r * f + 20 * (1 - f))},${Math.round(g * f + 26 * (1 - f))},${Math.round(b * f + 36 * (1 - f))})`;
-  root.setProperty('--bg-top', tint(0.22));
-  root.setProperty('--bg-bottom', tint(0.06));
+  const tint = (f) => `rgb(${Math.round(r * f + 255 * (1 - f))},${Math.round(g * f + 255 * (1 - f))},${Math.round(b * f + 255 * (1 - f))})`;
+  root.setProperty('--bg-top', tint(0.10));
+  root.setProperty('--bg-bottom', tint(0.03));
 }