Hack23 · pethers · Mar 1, 2026 · Mar 1, 2026 · Mar 1, 2026 · Mar 1, 2026
diff --git a/dashboard/index.html b/dashboard/index.html
@@ -3,6 +3,7 @@
 <head>
 <title>Riksdagsmonitor | Intelligence Dashboard | Swedish Parliament Analytics</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -136,6 +137,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Switch to dark theme"
+        title="Switch to dark theme"
+        data-label-dark="Switch to light theme"
+        data-label-light="Switch to dark theme">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1><span aria-hidden="true">📊</span> Riksdagsmonitor Intelligence Dashboard</h1>
 <p class="tagline">Interactive visualization of Swedish Riksdag intelligence data from Citizen Intelligence Agency</p>
 <nav class="page-nav" aria-label="Page navigation">
@@ -301,6 +310,7 @@ <h3>Languages</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_ar.html b/dashboard/index_ar.html
@@ -3,6 +3,7 @@
 <head>
 <title>لوحة معلومات CIA | مراقب البرلمان السويدي | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -106,6 +107,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="التبديل إلى الوضع الداكن"
+        title="التبديل إلى الوضع الداكن"
+        data-label-dark="التبديل إلى الوضع الفاتح"
+        data-label-light="التبديل إلى الوضع الداكن">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 لوحة معلومات CIA الاستخباراتية</h1>
 <p class="tagline">تصور تفاعلي لاستخبارات البرلمان السويدي</p>
 <p class="data-attribution">
@@ -270,6 +279,7 @@ <h3>اللغات</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_da.html b/dashboard/index_da.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA Efterretningspanel | Svensk Riksdags Monitor | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Skift til mørkt tema"
+        title="Skift til mørkt tema"
+        data-label-dark="Skift til lyst tema"
+        data-label-light="Skift til mørkt tema">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA Efterretningspanel</h1>
 <p class="tagline">Interaktiv visualisering af svensk riksdags efterretninger</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Sprog</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_de.html b/dashboard/index_de.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA Nachrichtendienst-Dashboard | Schwedischer Reichstagsmonitor | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Zum dunklen Design wechseln"
+        title="Zum dunklen Design wechseln"
+        data-label-dark="Zum hellen Design wechseln"
+        data-label-light="Zum dunklen Design wechseln">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA Nachrichtendienst-Dashboard</h1>
 <p class="tagline">Interaktive Visualisierung schwedischer Reichstags-Nachrichtendienstdaten</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Sprachen</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_es.html b/dashboard/index_es.html
@@ -3,6 +3,7 @@
 <head>
 <title>Panel de Inteligencia CIA | Monitor del Riksdag Sueco | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Cambiar a tema oscuro"
+        title="Cambiar a tema oscuro"
+        data-label-dark="Cambiar a tema claro"
+        data-label-light="Cambiar a tema oscuro">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 Panel de Inteligencia CIA</h1>
 <p class="tagline">Visualización interactiva de inteligencia del Riksdag sueco</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Idiomas</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_fi.html b/dashboard/index_fi.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA Tiedustelupaneeli | Ruotsin Valtiopäivämonitori | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Vaihda tummaan teemaan"
+        title="Vaihda tummaan teemaan"
+        data-label-dark="Vaihda vaaleaan teemaan"
+        data-label-light="Vaihda tummaan teemaan">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA Tiedustelupaneeli</h1>
 <p class="tagline">Interaktiivinen visualisointi Ruotsin valtiopäivien tiedustelutiedoista</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Kielet</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_fr.html b/dashboard/index_fr.html
@@ -3,6 +3,7 @@
 <head>
 <title>Tableau de Bord CIA | Moniteur du Riksdag Suédois | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Passer au thème sombre"
+        title="Passer au thème sombre"
+        data-label-dark="Passer au thème clair"
+        data-label-light="Passer au thème sombre">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 Tableau de Bord CIA</h1>
 <p class="tagline">Visualisation interactive des renseignements du Riksdag suédois</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Langues</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_he.html b/dashboard/index_he.html
@@ -3,6 +3,7 @@
 <head>
 <title>לוח מחוונים CIA | מוניטור הריקסדאג השוודי | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -106,6 +107,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="החלף למצב כהה"
+        title="החלף למצב כהה"
+        data-label-dark="החלף למצב בהיר"
+        data-label-light="החלף למצב כהה">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 לוח מחוונים מודיעין CIA</h1>
 <p class="tagline">הדמיה אינטראקטיבית של מודיעין הריקסדאג השוודי</p>
 <p class="data-attribution">
@@ -270,6 +279,7 @@ <h3>שפות</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_ja.html b/dashboard/index_ja.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA情報ダッシュボード | スウェーデン国会モニター | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -106,6 +107,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="ダークテーマに切り替え"
+        title="ダークテーマに切り替え"
+        data-label-dark="ライトテーマに切り替え"
+        data-label-light="ダークテーマに切り替え">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA情報ダッシュボード</h1>
 <p class="tagline">スウェーデン国会情報のインタラクティブ可視化</p>
 <p class="data-attribution">
@@ -270,6 +279,7 @@ <h3>言語</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_ko.html b/dashboard/index_ko.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA 정보 대시보드 | 스웨덴 국회 모니터 | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -106,6 +107,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="다크 테마로 전환"
+        title="다크 테마로 전환"
+        data-label-dark="라이트 테마로 전환"
+        data-label-light="다크 테마로 전환">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA 정보 대시보드</h1>
 <p class="tagline">스웨덴 국회 정보의 인터랙티브 시각화</p>
 <p class="data-attribution">
@@ -270,6 +279,7 @@ <h3>언어</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_nl.html b/dashboard/index_nl.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA Inlichtingendashboard | Zweedse Rijksdag Monitor | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Schakel over naar donkere modus"
+        title="Schakel over naar donkere modus"
+        data-label-dark="Schakel over naar lichte modus"
+        data-label-light="Schakel over naar donkere modus">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA Inlichtingendashboard</h1>
 <p class="tagline">Interactieve visualisatie van Zweedse Rijksdag inlichtingen</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Talen</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>
diff --git a/dashboard/index_no.html b/dashboard/index_no.html
@@ -3,6 +3,7 @@
 <head>
 <title>CIA Etterretningspanel | Svensk Riksdags Monitor | Riksdagsmonitor</title>
 <meta charset="UTF-8">
+<script>(function(){var key='riksdagsmonitor-theme';var t=null;try{t=localStorage.getItem(key);}catch(e){/* storage unavailable */}if(t!=='dark'&&t!=='light'){if(t!==null){try{localStorage.removeItem(key);}catch(e){/* storage unavailable */}}t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}());</script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="../styles.css">
 <link rel="stylesheet" type="text/css" href="styles.css">
@@ -105,6 +106,14 @@
 </nav>
 
 <header>
+<button id="theme-toggle" class="theme-toggle-btn" type="button"
+        aria-pressed="false"
+        aria-label="Bytt til mørkt tema"
+        title="Bytt til mørkt tema"
+        data-label-dark="Bytt til lyst tema"
+        data-label-light="Bytt til mørkt tema">
+  <span class="theme-icon" aria-hidden="true">🌙</span>
+</button>
 <h1>📊 CIA Etterretningspanel</h1>
 <p class="tagline">Interaktiv visualisering av svensk riksdags etterretninger</p>
 <p class="data-attribution">
@@ -269,6 +278,7 @@ <h3>Språk</h3>
 
 <!-- JavaScript Modules -->
     <!-- CIA Dashboard entry point -->
+    <script src="../js/theme-toggle.js"></script>
     <script type="module" src="/src/browser/cia-entry.ts"></script>
 </body>
 </html>