Update app js
This commit is contained in:
parent
5e669c1fa8
commit
f2405d842c
1 changed files with 19 additions and 9 deletions
|
@ -1,9 +1,19 @@
|
|||
function setTheme() {
|
||||
const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
||||
const theme = prefersDarkScheme ? "dark" : "light";
|
||||
document.documentElement.setAttribute("data-bs-theme", theme);
|
||||
}
|
||||
|
||||
setTheme();
|
||||
|
||||
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", setTheme);
|
||||
(() => {
|
||||
'use strict';
|
||||
const getStoredTheme = () => localStorage.getItem('theme');
|
||||
const getPreferredTheme = () => {
|
||||
const storedTheme = getStoredTheme();
|
||||
if (storedTheme) {
|
||||
return storedTheme;
|
||||
}
|
||||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
||||
};
|
||||
const setTheme = theme => {
|
||||
if (theme === 'auto') {
|
||||
document.documentElement.setAttribute('data-bs-theme', (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'));
|
||||
} else {
|
||||
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||
}
|
||||
};
|
||||
setTheme(getPreferredTheme());
|
||||
})();
|
||||
|
|
Loading…
Add table
Reference in a new issue