Index: src/views/partials/shared-styles.ejs
===================================================================
--- src/views/partials/shared-styles.ejs	(revision d7b5a6c3d57b88e1c215cffcda953fa5839c127c)
+++ src/views/partials/shared-styles.ejs	(revision 68b27a4b33dc8f60a508ec37fb3f43a747195eec)
@@ -50,4 +50,5 @@
 }
 .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); }
 
 .grid-cols-picker {
Index: src/views/partials/view-switcher.ejs
===================================================================
--- src/views/partials/view-switcher.ejs	(revision d7b5a6c3d57b88e1c215cffcda953fa5839c127c)
+++ src/views/partials/view-switcher.ejs	(revision 68b27a4b33dc8f60a508ec37fb3f43a747195eec)
@@ -17,8 +17,9 @@
     <% } %>
     <div class="view-switcher" role="tablist" aria-label="Weergave">
-      <% if (typeof premiumUnlocked !== 'undefined' && premiumUnlocked) {
+      <% if (typeof premiumUnlocked !== 'undefined' && premiumUnlocked && typeof agendaEnabled !== 'undefined' && agendaEnabled) {
            var _sbA = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '';
+           var _agActive = (typeof bodyClass === 'string' && bodyClass.indexOf('on-shows') >= 0);
       %>
-      <a class="vs-agenda" href="<%= _sbA %>/shows" aria-label="Agenda — evenementen">
+      <a class="vs-agenda<%= _agActive ? ' is-active' : '' %>" href="<%= _sbA %>/shows" aria-label="Agenda — evenementen">
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
         <span>Agenda</span>