Persist theme and last screen across page reloads

MartaTsoy · MartaTsoy · commit 5185cb576d25 · 2026-06-20T00:04:16.000+04:00
diff --git a/app.js b/app.js
@@ -12,20 +12,43 @@ var reviewList=[];
 var reviewIdx=0;
 
 /* ── THEME ── */
+var LS_THEME = 'quizhub_theme';
 var darkMode = false;
+try { darkMode = localStorage.getItem(LS_THEME) === 'dark'; } catch(e){}
+if (darkMode) document.documentElement.setAttribute('data-theme', 'dark');
 function toggleTheme(){
   darkMode=!darkMode;
   document.documentElement.setAttribute('data-theme', darkMode?'dark':'light');
   document.getElementById('theme-toggle').textContent = darkMode?'🌙':'☀️';
+  try { localStorage.setItem(LS_THEME, darkMode?'dark':'light'); } catch(e){}
 }
+window.addEventListener('DOMContentLoaded', function(){
+  var btn = document.getElementById('theme-toggle');
+  if (btn) btn.textContent = darkMode?'🌙':'☀️';
+});
 
 /* ── SCREENS ── */
+var LS_SCREEN = 'quizhub_last_screen';
+var PERSIST_SCREENS = ['screen-hub','screen-ctfl-home','screen-ctai-version','screen-ctai-home','screen-ctai-home-v2','screen-ctai-blitz-version','screen-genai-home','screen-profile'];
 function showScreen(id){
   var ss=document.querySelectorAll('.screen');
   for(var s=0;s<ss.length;s++) ss[s].classList.remove('active');
   document.getElementById(id).classList.add('active');
   window.scrollTo(0,0);
+  try {
+    if (PERSIST_SCREENS.indexOf(id) >= 0) localStorage.setItem(LS_SCREEN, id);
+    else localStorage.removeItem(LS_SCREEN);
+  } catch(e){}
 }
+window.addEventListener('DOMContentLoaded', function(){
+  try {
+    var saved = localStorage.getItem(LS_SCREEN);
+    if (saved && PERSIST_SCREENS.indexOf(saved) >= 0 && document.getElementById(saved)) {
+      if (saved === 'screen-profile') openProfile();
+      else showScreen(saved);
+    }
+  } catch(e){}
+});
 
 function showComingSoon(name){
   document.getElementById('coming-soon-title').textContent=name+' — Coming soon';
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
 <title>ISTQB® Exam Simulator</title>
 <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Nunito+Sans:wght@400;600&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="styles.css">
+<script>(function(){try{if(localStorage.getItem('quizhub_theme')==='dark')document.documentElement.setAttribute('data-theme','dark');}catch(e){}})();</script>
 </head>
 <body>
 <button id="theme-toggle" onclick="toggleTheme()" title="Toggle dark/light mode">☀️</button>
