diff --git a/about.html b/about.html index 01b5c9d..3045fa8 100644 --- a/about.html +++ b/about.html @@ -37,8 +37,12 @@ HOSTING
+
+ DARK +

© 2022 - 2025 SATURN

ALL RIGHTS RESERVED

+ \ 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 @@ HOSTING
+
+ DARK +

© 2022 - 2025 SATURN

ALL RIGHTS RESERVED

+ \ No newline at end of file