Daniel/ndsolutionswebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(theme-engine): centralize CSS variables and add reactive light/dark mode support

Browse Source
This commit is contained in:
Daniel S
2026-08-08 18:56:26 +02:00
parent be3a8a82ab
commit c51629b229
5 changed files with 175 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Navbar.astro
View File

@@ -121,13 +121,14 @@ import { FaBars, FaTimes } from 'react-icons/fa';
updateToggleIcons();
themeToggleBtn?.addEventListener('click', () => {
// Toggle class
if (document.documentElement.classList.contains('dark')) {
document.documentElement.classList.remove('dark');
localStorage.setItem('theme', 'light');
} else {
if (document.documentElement.classList.contains('light')) {
document.documentElement.classList.remove('light');
document.documentElement.classList.add('dark');
localStorage.setItem('theme', 'dark');
} else {
document.documentElement.classList.remove('dark');
document.documentElement.classList.add('light');
localStorage.setItem('theme', 'light');
}
updateToggleIcons();
});