Files
github-style/static/js/theme-mode.js
2021-11-26 00:25:00 +08:00

34 lines
985 B
JavaScript

function switchTheme() {
const currentStyle = currentTheme();
var iconElement = document.getElementById('github-icon');
if (currentStyle == 'light') {
setTheme('dark');
iconElement.removeAttribute('fill');
iconElement.setAttribute('class', 'octicon Header-link');
}
else {
setTheme('light');
iconElement.setAttribute('fill', '#24292e');
iconElement.setAttribute('class', 'Header-link');
}
}
function setTheme(style) {
document.querySelectorAll('.isInitialToggle').forEach(elem => {
elem.classList.remove('isInitialToggle');
});
document.documentElement.setAttribute('data-color-mode', style);
localStorage.setItem('data-color-mode', style);
}
function currentTheme() {
const localStyle = localStorage.getItem('data-color-mode');
const systemStyle = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
return localStyle || systemStyle;
}
(() => {
setTheme(currentTheme());
})();