Dark mode by default.
This commit is contained in:
+8
-2
@@ -148,8 +148,8 @@ def generate_html(questions):
|
|||||||
<div class="settings">
|
<div class="settings">
|
||||||
<span class="gear-icon">⚙</span>
|
<span class="gear-icon">⚙</span>
|
||||||
<div class="settings-menu" id="settingsMenu">
|
<div class="settings-menu" id="settingsMenu">
|
||||||
<label><input type="radio" name="theme" value="light" checked> Light Mode</label><br>
|
<label><input type="radio" name="theme" value="light">Light Mode</label><br>
|
||||||
<label><input type="radio" name="theme" value="dark"> Dark Mode</label>
|
<label><input type="radio" name="theme" value="dark" checked>Dark Mode</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -260,6 +260,12 @@ def generate_html(questions):
|
|||||||
}}
|
}}
|
||||||
}});
|
}});
|
||||||
}});
|
}});
|
||||||
|
|
||||||
|
// Set default theme to dark on page load
|
||||||
|
window.addEventListener('DOMContentLoaded', () => {{
|
||||||
|
body.classList.add('dark-mode');
|
||||||
|
settingsMenu.classList.add('dark');
|
||||||
|
}});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user