kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New Version - 1.0.1 — Set dark theme as default & fix eslint

Browse source
This commit is contained in:
panr 2018-08-24 09:37:55 +02:00
parent b442ae90c9
commit a8b843adb8
6 changed files with 113 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

3
source/css/menu.css
View file

@ -51,6 +51,7 @@
height: 24px;
fill: currentColor;
margin-left: 10px;
cursor: pointer;
}
a {
@ -66,4 +67,4 @@
margin-right: 0;
}
}
}
}

12
source/js/theme.js
View file

@ -1,12 +1,16 @@
// Toggle theme
const getTheme = localStorage.getItem('theme')
const getTheme = window.localStorage && window.localStorage.getItem('theme')
const themeToggle = document.querySelector('.theme-toggle')
const isDark = getTheme === 'dark'
const isDark = getTheme === 'dark' || getTheme === null
document.body.classList.toggle('dark-theme', isDark)
themeToggle.addEventListener('click', () => {
document.body.classList.toggle('dark-theme')
localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light')
})
window.localStorage &&
window.localStorage.setItem(
'theme',
document.body.classList.contains('dark-theme') ? 'dark' : 'light',
)
})