mmckinnon/comprofix.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: change dark-mode css colors for links and background

Browse Source
This commit is contained in:
Matthew McKinnon 2024-09-15 14:18:18 +10:00
parent 4183f254d2
commit 2129e0dce8
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/global.css
View File

@ -155,8 +155,8 @@ button:hover {
body.dark-mode { body.dark-mode {
--bg-color: black; --bg-color: black;
--post-bg-color: #333; --post-bg-color: #222222;
--text-color: #ffffff; --text-color: #dddddd;
--button-bg-color: #ffffff; --button-bg-color: #ffffff;
--button-text-color: #000000; --button-text-color: #000000;
} }
@ -225,6 +225,10 @@ h1 {
text-decoration: none; text-decoration: none;
} }
a {
color: #0f85af;
}
.menu li a:hover { .menu li a:hover {

2
src/js/darkmode.js
View File

@ -10,7 +10,7 @@ document.addEventListener('DOMContentLoaded', () => {
switcher.addEventListener('click', () => { switcher.addEventListener('click', () => {
document.body.classList.toggle('dark-mode'); 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'; // switcher.textContent = mode === 'dark' ? 'Switch to Light Mode' : 'Switch to Dark Mode';
localStorage.setItem('theme', mode); localStorage.setItem('theme', mode);
}); });