Rudrasish.github.io/script.js at main · Rudrasish/Rudrasish.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
console.log("It's working")

let theme = localStorage.getItem('theme')

if(theme == null){
    setTheme('light')
}else{
    setTheme(theme)
}

let themeDots = document.getElementsByClassName('theme-dot')

for(var i=0; themeDots.length > i;i++){
    themeDots[i].addEventListener('click', function(){
        let mode = this.dataset.mode
        console.log("option clicked:", mode)
        setTheme(mode)
    })
}

function setTheme(mode){
    if(mode == 'light'){
       document.getElementById('theme-style').href='default.css'
    }
    if(mode == 'blue'){
       document.getElementById('theme-style').href='blue.css'
    }
    if(mode == 'green'){
       document.getElementById('theme-style').href='green.css'
    }
    if(mode == 'purple'){
       document.getElementById('theme-style').href='purple.css'
    }
    localStorage.setItem('theme', mode)
}