You've already forked ReZygisk
mirror of
https://github.com/PerformanC/ReZygisk.git
synced 2025-09-06 06:37:01 +00:00
43 lines
1.7 KiB
JavaScript
43 lines
1.7 KiB
JavaScript
const light_icon = `
|
|
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#2c2c2c">
|
|
<path d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-440H40v-80h160v80Zm720 0H760v-80h160v80ZM440-760v-160h80v160h-80Zm0 720v-160h80v160h-80ZM256-650l-101-97 57-59 96 100-52 56Zm492 496-97-101 53-55 101 97-57 59Zm-98-550 97-101 59 57-100 96-56-52ZM154-212l101-97 55 53-97 101-59-57Zm326-268Z"/>
|
|
</svg>
|
|
`
|
|
const rootCss = document.querySelector(':root')
|
|
const button = document.getElementById('theme-switcher')
|
|
let sys_theme = localStorage.getItem('system-theme')
|
|
if (!sys_theme) sys_theme = setData('dark')
|
|
|
|
if (sys_theme === 'light') setLight()
|
|
|
|
button.addEventListener('click', (event) => {
|
|
switch (sys_theme) {
|
|
case 'dark': setLight(); break;
|
|
case 'light': setDark(); break;
|
|
}
|
|
});
|
|
|
|
function setDark() {
|
|
rootCss.style.setProperty('--background', '#181c20')
|
|
rootCss.style.setProperty('--font', '#ffffff')
|
|
rootCss.style.setProperty('--desc', '#c9c9c9')
|
|
rootCss.style.setProperty('--spliter', '#283136')
|
|
sys_theme = setData('dark')
|
|
button.innerHTML = '<img src="assets/dark.svg">'
|
|
return
|
|
}
|
|
|
|
function setLight() {
|
|
rootCss.style.setProperty('--background', '#eff1f6')
|
|
rootCss.style.setProperty('--font', '#2c2c2c')
|
|
rootCss.style.setProperty('--desc', '#444444')
|
|
rootCss.style.setProperty('--spliter', '#4f6069')
|
|
sys_theme = setData('light')
|
|
button.innerHTML = light_icon
|
|
return
|
|
}
|
|
|
|
function setData(mode) {
|
|
localStorage.setItem('system-theme', mode)
|
|
return localStorage.getItem('system-theme')
|
|
} |