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/personeel_dagoverzicht.html

@@ -11,7 +11,7 @@
     .nav-bar form { display: flex; gap: 6px; margin: 0; }
     .nav-bar input[type=date] { width: auto; }
     .seg { display: inline-flex; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); overflow: hidden; }
-    .seg a { padding: 8px 14px; text-decoration: none; color: var(--text); font-weight: 600; font-size: 14px; background: #fff; }
+    .seg a { padding: 8px 14px; text-decoration: none; color: var(--text); font-weight: 600; font-size: 14px; background: var(--surface); }
     .seg a.on { background: var(--primary-color); color: #fff; }
     .day { margin-bottom: 20px; }
     .day-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 10px; }