Advertisement
secumbu

Dark Mode Script

May 3rd, 2022
185
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var dmWrapper = document.querySelector('body');
  2. var dmToggleButton = document.querySelector('#dm-toggle');
  3.  
  4. function dmInit() {
  5.     if( !window.localStorage.getItem('darkmode') ) {
  6.         if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  7.             window.localStorage.setItem('darkmode','true');
  8.             dmWrapper.classList.toggle('dark');
  9.         } else {
  10.             window.localStorage.setItem('darkmode','false');
  11.         }
  12.     }
  13.     if( window.localStorage.getItem('darkmode') === 'true' ) {
  14.         dmWrapper.classList.add('dark');
  15.     }
  16. }
  17.  
  18. dmToggleButton.addEventListener('click', () => {
  19.    
  20.     if( window.localStorage.getItem('darkmode') == 'true' ) {
  21.         dmWrapper.classList.toggle('dark');
  22.         window.localStorage.setItem('darkmode','false');
  23.         return
  24.     }
  25.     dmWrapper.classList.toggle('dark');
  26.     window.localStorage.setItem('darkmode','true');
  27. })
  28.  
  29. dmInit();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement