pretty.js

function outlineTaskButton(){
	let button = document.getElementById('taskButton');
	button.setAttribute('style','border: 2px solid #00A000;');
	button.setAttribute('style','border: 6px solid white;');
	addEventListener('mouseout', (event) => {
		button.setAttribute('style','border: none;');
	});
}
function outlineMenuButton(){
	let button = document.getElementById('menuButton');
	button.setAttribute('style','border: 2px solid #00A000;');
	button.setAttribute('style','border: 6px solid white;');
	addEventListener('mouseout', (event) => {
		button.setAttribute('style','border: none;');
	});
}

function dropDown() {
  document.getElementById("myDropdown").classList.toggle("show");
}

window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}


function changeThemeDefault(){
        document.documentElement.setAttribute('data-theme', 'root');
    toggleSwitch.addEventListener('change', switchTheme, false);
}
function changeThemeTurquoise(){
		document.documentElement.setAttribute('data-theme', 'turquoise');
     toggleSwitch.addEventListener('change', switchTheme, false);
}
function changeThemeFire(){
		document.documentElement.setAttribute('data-theme', 'fire');
     
    toggleSwitch.addEventListener('change', switchTheme, false);
}
function changeThemeDusk(){
    document.documentElement.setAttribute('data-theme', 'dusk');
     
    toggleSwitch.addEventListener('change', switchTheme, false);
}