Donker thema toevoegen via gebruikersmenu rechtsboven

Klik op je naam rechtsboven om een menu te openen met een schakelaar
voor het donkere thema. De keuze wordt per browser onthouden.

- global.css: donkere kleurvariabelen, alleen op scherm (afdrukken blijft licht)
- base.html: gebruikersmenu met themaschakelaar
- vaste witte achtergronden en pastelkleuren op enkele pagina's
  volgen nu het thema

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

templates/afwezigheden.html

@@ -21,7 +21,7 @@
     tr.lln.open td:first-child::before { transform: rotate(90deg); }
     tr.detail td { background: var(--surface-muted); padding: 10px 14px 14px 44px; }
     .day-chips { display: flex; flex-wrap: wrap; gap: 6px; }
-    .day-chip { display: inline-flex; gap: 6px; align-items: center; padding: 4px 10px; border-radius: 999px; background: #fff;
+    .day-chip { display: inline-flex; gap: 6px; align-items: center; padding: 4px 10px; border-radius: 999px; background: var(--surface);
                 border: 1px solid var(--border); font-size: 13px; }
     .day-chip .dd { font-weight: 700; color: var(--danger-text); }
     .count-badge { display: inline-block; min-width: 34px; text-align: center; padding: 3px 10px; border-radius: 999px; font-weight: 700;