akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-05-05 23:11:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use css variables for colors

Browse Source
This commit is contained in:
Misode
2020-06-17 00:00:13 +02:00
parent 8cbb5fc776
commit 8b42a59b12
3 changed files with 176 additions and 276 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app.ts
+3 -3
View File
@@ -182,11 +182,11 @@ Promise.all([
const updateTheme = (theme: string | null) => {
if (theme === null) return
if (theme === 'dark') {
document.body.setAttribute('data-style', 'dark')
document.documentElement.setAttribute('data-theme', 'dark')
themeSelector.classList.add('toggled')
localStorage.setItem(LOCAL_STORAGE_THEME, 'dark')
} else {
document.body.setAttribute('data-style', 'light')
document.documentElement.setAttribute('data-theme', 'light')
themeSelector.classList.remove('toggled')
localStorage.setItem(LOCAL_STORAGE_THEME, 'light')
}
@@ -194,7 +194,7 @@ Promise.all([
updateTheme(localStorage.getItem(LOCAL_STORAGE_THEME))
themeSelector.addEventListener('click', evt => {
if (document.body.getAttribute('data-style') === 'dark') {
if (document.documentElement.getAttribute('data-theme') === 'dark') {
updateTheme('light')
} else {
updateTheme('dark')