diff --git a/src/css/global.css b/src/css/global.css index 349806e..dd9772a 100644 --- a/src/css/global.css +++ b/src/css/global.css @@ -155,8 +155,8 @@ button:hover { body.dark-mode { --bg-color: black; - --post-bg-color: #333; - --text-color: #ffffff; + --post-bg-color: #222222; + --text-color: #dddddd; --button-bg-color: #ffffff; --button-text-color: #000000; } @@ -225,6 +225,10 @@ h1 { text-decoration: none; } +a { + color: #0f85af; +} + .menu li a:hover { diff --git a/src/js/darkmode.js b/src/js/darkmode.js index 31bf8c2..de31b22 100644 --- a/src/js/darkmode.js +++ b/src/js/darkmode.js @@ -10,7 +10,7 @@ document.addEventListener('DOMContentLoaded', () => { switcher.addEventListener('click', () => { document.body.classList.toggle('dark-mode'); - const mode = document.body.classList.contains('dark-mode') ? 'light' : 'dark'; + const mode = document.body.classList.contains('dark-mode') ? 'dark' : 'light'; // switcher.textContent = mode === 'dark' ? 'Switch to Light Mode' : 'Switch to Dark Mode'; localStorage.setItem('theme', mode); });