From 149bbe7167bed6b14a132c12ecc204771bea539e Mon Sep 17 00:00:00 2001
From: aze <226987740+azecx@users.noreply.github.com>
Date: Fri, 5 Sep 2025 21:53:54 +0200
Subject: [PATCH] theme to localstorage + toggles on all pages

---
 about.html            |  4 ++++
 assets/js/darkmode.js | 15 +++++++++++++++
 projects.html         |  4 ++++
 3 files changed, 23 insertions(+)

diff --git a/about.html b/about.html
index 01b5c9d..3045fa8 100644
--- a/about.html
+++ b/about.html
@@ -37,8 +37,12 @@
         <a href="https://host.saturn.gay/">HOSTING</a>
     </div>
     <div class="rbottom">
+        <div class="theme-switch">
+            <span id="themeToggleText">DARK</span>
+        </div>
         <p>© 2022 - 2025 SATURN</p>
         <p>ALL RIGHTS RESERVED</p>
     </div>
+    <script src="assets/js/darkmode.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/assets/js/darkmode.js b/assets/js/darkmode.js
index 7ece4a4..ace3e2e 100644
--- a/assets/js/darkmode.js
+++ b/assets/js/darkmode.js
@@ -2,6 +2,19 @@ document.addEventListener('DOMContentLoaded', () => {
     const toggleText = document.getElementById('themeToggleText');
     const body = document.body;
 
+    const savedTheme = localStorage.getItem('theme');
+    if (savedTheme === 'dark') {
+        body.classList.add('dark-mode');
+        document.documentElement.style.setProperty('--bg-color', '#000');
+        document.documentElement.style.setProperty('--text-color', '#fff');
+        toggleText.textContent = 'LIGHT';
+    } else {
+        body.classList.remove('dark-mode');
+        document.documentElement.style.setProperty('--bg-color', '#fff');
+        document.documentElement.style.setProperty('--text-color', '#000');
+        toggleText.textContent = 'DARK';
+    }
+
     toggleText.addEventListener('click', () => {
         body.classList.toggle('dark-mode');
 
@@ -9,10 +22,12 @@ document.addEventListener('DOMContentLoaded', () => {
             document.documentElement.style.setProperty('--bg-color', '#000');
             document.documentElement.style.setProperty('--text-color', '#fff');
             toggleText.textContent = 'LIGHT';
+            localStorage.setItem('theme', 'dark');
         } else {
             document.documentElement.style.setProperty('--bg-color', '#fff');
             document.documentElement.style.setProperty('--text-color', '#000');
             toggleText.textContent = 'DARK';
+            localStorage.setItem('theme', 'light');
         }
     });
 });
diff --git a/projects.html b/projects.html
index 6c7d8fd..11a13b3 100644
--- a/projects.html
+++ b/projects.html
@@ -24,8 +24,12 @@
         <a href="https://host.saturn.gay/">HOSTING</a>
     </div>
     <div class="rbottom">
+        <div class="theme-switch">
+            <span id="themeToggleText">DARK</span>
+        </div>
         <p>© 2022 - 2025 SATURN</p>
         <p>ALL RIGHTS RESERVED</p>
     </div>
+    <script src="assets/js/darkmode.js"></script>
 </body>
 </html>
\ No newline at end of file