ColormaticStudios/Colormatic-Library-Sandbox
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix dark/light theme logic

Browse Source 
Instead of adding or removing the dark theme setting, set the setting to
light or dark.
This commit is contained in:
Zakarya
2025-05-21 14:28:43 -07:00
parent afc6e0c937
commit 5ce238a44d
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
sandbox/templates/base.html
View File

@ -63,14 +63,18 @@ let isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme:
if (isDarkMode) {
document.documentElement.setAttribute('data-bs-theme', 'dark');
}
else {
document.documentElement.setAttribute('data-bs-theme', 'light');
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (event) => {
isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if (isDarkMode) {
document.documentElement.setAttribute('data-bs-theme', 'dark');
} else {
document.documentElement.removeAttribute('data-bs-theme');
}
else {
document.documentElement.setAttribute('data-bs-theme', 'light');
}
});