Index: src/views/partials/shared-styles.ejs
===================================================================
--- src/views/partials/shared-styles.ejs	(revision b200738bd556ee70735aa65b4035ba064ccd6e02)
+++ src/views/partials/shared-styles.ejs	(revision da4387b960387e0ec33adf029d007b709b87989b)
@@ -50,5 +50,7 @@
 }
 .vs-agenda:hover { color: var(--ink); }
-.vs-agenda.is-active { background: var(--paper); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
+/* Agenda actief op de agendapagina = wit pilletje (zelfde look als de andere
+   actieve pill-knoppen: lichte achtergrond, donkere tekst). */
+.vs-agenda.is-active { background: var(--ink); color: var(--paper); }
 
 .grid-cols-picker {
Index: src/views/shell.ejs
===================================================================
--- src/views/shell.ejs	(revision b200738bd556ee70735aa65b4035ba064ccd6e02)
+++ src/views/shell.ejs	(revision da4387b960387e0ec33adf029d007b709b87989b)
@@ -328,5 +328,7 @@
   // we opnieuw wat de server stuurde. 'on-auth' staat erbij zodat het login-
   // focusscherm óók via htmx z'n styling krijgt (geen chrome, geen tab, audio op 0).
-  var PAGE_CLASSES = ['on-home','on-post','on-special','on-archive','on-search','on-admin','on-auth'];
+  var PAGE_CLASSES = ['on-home','on-post','on-special','on-archive','on-search','on-admin','on-auth',
+    'on-shows','on-downloads','on-download','on-epk','on-linkbio','on-newsletter',
+    'on-tag','on-type','on-user','on-cirkel','on-hub','on-chat'];
 
   document.body.addEventListener('pcmsNav', function(ev) {