fix theme.js ty lucidiot ;w;
This commit is contained in:
parent
7367fd828b
commit
82f2ae984e
1 changed files with 18 additions and 15 deletions
33
theme.js
33
theme.js
|
@ -1,17 +1,20 @@
|
||||||
var DEFAULT_THEME = "peach";
|
window.addEventListener('load', function() {
|
||||||
var THEMES = [DEFAULT_THEME, "moon", "sakura", "honey"];
|
var prefersDarkScheme = window.matchMedia !== undefined && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
||||||
|
var DEFAULT_THEME = prefersDarkScheme ? 'moon' : 'peach';
|
||||||
function setTheme(theme) {
|
var THEMES = ["moon", "peach", "sakura", "honey"];
|
||||||
if (THEMES.indexOf(theme) < 0) theme = DEFAULT_THEME;
|
|
||||||
document.getElementById('switcher-id').href = '/themes/' + theme + '.css';
|
function setTheme(theme) {
|
||||||
localStorage.setItem('style', theme);
|
if (THEMES.indexOf(theme) < 0) theme = DEFAULT_THEME;
|
||||||
}
|
document.getElementById('switcher-id').href = '/themes/' + theme + '.css';
|
||||||
|
localStorage.setItem('style', theme);
|
||||||
setTheme(localStorage.getItem('style'));
|
}
|
||||||
|
|
||||||
const switches = document.getElementsByClassName('switch');
|
setTheme(localStorage.getItem('style'));
|
||||||
for (const el of switches) {
|
|
||||||
el.addEventListener('click', () => {
|
const switches = document.getElementsByClassName('switch');
|
||||||
|
for (const el of switches) {
|
||||||
|
el.addEventListener('click', () => {
|
||||||
setTheme(el.dataset.theme);
|
setTheme(el.dataset.theme);
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
})
|
Loading…
Add table
Reference in a new issue