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

@@ -23,7 +23,7 @@
     #personeelBody tr.g-account td { background: #e8f7ee; }
     #personeelBody tr.g-alias td   { background: #fff1e0; }
     #personeelBody tr.g-geen td    { background: #fdeaea; }
-    #personeelBody tr[class*="g-"] input.adres, #personeelBody tr[class*="g-"] select.rol { background: #fff; }
+    #personeelBody tr[class*="g-"] input.adres, #personeelBody tr[class*="g-"] select.rol { background: var(--surface); }
     .legende { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; margin: -6px 0 14px; font-size: .88em; color: var(--text-muted); }
     .legende button.kleurfilter { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center;
                                   gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid transparent; }