Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
- add check for local storage
  • Loading branch information
chrisdel101 committed Apr 20, 2024
1 parent 5b0cd2f commit e822d15
Showing 1 changed file with 25 additions and 23 deletions.
48 changes: 25 additions & 23 deletions js/theme.js
Original file line number Diff line number Diff line change
@@ -1,29 +1,31 @@

// handle init page load & persist theme
(() =>{
const isDarkMode = localStorage.getItem("darkmode")
if (isDarkMode === "true") {
loadDarkMode()
}
})();
document.querySelector('.theme-toggle').addEventListener('click', toggleTheme)
// init page load & persist theme
if (hasLocalStorage) {
const isDarkMode = localStorage.getItem('darkmode')
if (isDarkMode === 'true') darkModeOn()
document.querySelector('.theme-toggle').addEventListener('click', toggleTheme)
} else {
// remove theme-toggle icon
document.querySelector('#theme-icon-container').remove()
}

function toggleTheme(e) {
const isDarkMode = localStorage.getItem("darkmode")
// turn off
if (isDarkMode === "true") {
localStorage.setItem("darkmode", "false")
unloadDarkMode()
const isDarkMode = localStorage.getItem('darkmode')
// turn off
if (isDarkMode === 'true') {
localStorage.setItem('darkmode', 'false')
darkModeOff()
// turn on
} else {
console.log('set to true?')
localStorage.setItem("darkmode", "true")
loadDarkMode()
}
} else {
localStorage.setItem('darkmode', 'true')
darkModeOn()
}
}
function darkModeOn() {
document.body.classList.add('dark-mode')
}
function loadDarkMode() {
document.body.classList.add('dark-mode')
function darkModeOff() {
document.body.classList.remove('dark-mode')
}
function unloadDarkMode() {
document.body.classList.remove('dark-mode')
function hasLocalStorage() {
return typeof Storage !== 'undefined'
}

0 comments on commit e822d15

Please sign in to comment.