dasar mode light dark

Please wait 0 seconds...

Scroll Down and click on Go to Link for destination

Congrats! Link is Generated

    <button onclick="toggleTheme('dark');">Dark</button>
    
    <button onclick="toggleTheme('light');">Light Mode</button>
 


<style>html {
  
}

html[data-theme='dark'] {
    background: #000;
    filter: invert(1) hue-rotate(180deg)
}
</style>


<script>
  const htmlEl = document.getElementsByTagName('html')[0];

const toggleTheme = (theme) => {
    htmlEl.dataset.theme = theme;
}
</script>

BERAPA NILAI ARTIKEL INI

Go to Link