js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Decouple dark mode & theme, fixes #445 closes #385 (#457)

Browse Source 
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
This commit is contained in:
Lea Verou
2025-01-08 12:50:29 -05:00
committed by GitHub
parent 8541369ae1
commit 19042fcca4
25 changed files with 92 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
docs/assets/scripts/color-scheme.js
View File

@@ -5,13 +5,12 @@
function setColorScheme(newColorScheme) {
colorScheme = newColorScheme;
localStorage.setItem('colorScheme', colorScheme);
const presetTheme = window.getPresetTheme();
// Update the UI
updateSelection();
// Toggle the dark mode class
document.documentElement.classList.toggle(`wa-theme-${presetTheme}-dark`, window.isDark());
document.documentElement.classList.toggle(`wa-dark`, window.isDark());
}
function updateSelection() {

2
docs/assets/scripts/preset-theme.js
View File

@@ -35,7 +35,7 @@
document.head.append(newStylesheet);
updateSelection();
document.documentElement.classList.toggle(`wa-theme-${presetTheme}-dark`, window.isDark());
document.documentElement.classList.toggle(`wa-dark`, window.isDark());
}
function updateSelection(container = document) {