dark mode by default added

bigsk1 · Jun 30, 2024 · 88fedbd · 88fedbd
1 parent 5f872cb
commit 88fedbd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/static/css/styles.css b/app/static/css/styles.css
@@ -20,7 +20,7 @@
 .dark-mode {
  --bg-color: #121212;
  --text-color: #ffffff;
- --primary-color: #646464;
+ --primary-color: #333333;
  --secondary-color: #1e1e1e;
  --border-color: #333333;
  --shadow-color: rgba(255, 255, 255, 0.1);

diff --git a/app/static/js/scripts.js b/app/static/js/scripts.js
@@ -203,6 +203,16 @@ document.addEventListener("DOMContentLoaded", function() {
  downloadButton.addEventListener('click', downloadHistory);
 
  // Theme toggle functionality
+ function setDarkModeDefault() {
+ const isDarkMode = localStorage.getItem('darkMode');
+ if (isDarkMode === null) {
+ body.classList.add('dark-mode');
+ } else {
+ body.classList.toggle('dark-mode', isDarkMode === 'true');
+ }
+ updateThemeIcon();
+ }
+
  themeToggle.addEventListener('click', function() {
  body.classList.toggle('dark-mode');
  updateThemeIcon();
@@ -228,4 +238,5 @@ document.addEventListener("DOMContentLoaded", function() {
  }
 
  loadThemePreference();
+ setDarkModeDefault();
 });