function theme() {
		if(document.getElementById("page").classList.contains("default-theme"))
		{
			document.getElementById("page").classList.remove("default-theme");
			document.getElementById("page").classList.add("light-theme");
			document.getElementById("navigate").style = "background-color: #ECECEC";
			document.getElementById("navigate").classList.remove("navbar-dark");
			document.getElementById("navigate").classList.add("navbar-light");
			document.getElementById("changer").innerHTML = "<i class='fa fa-moon'></i>";
           var menu = document.getElementsByClassName("dropdown-menu");
            for (let item of menu) {
                item.style.backgroundColor = '#ECECEC';
           }
           var dropitem = document.getElementsByClassName("dropdown-item");
            for (let item of dropitem) {
                item.style.color = '#1D1D1D';
           }
           var dropitem = document.getElementsByClassName("small");
            for (let item of dropitem) {
                item.style.color = '#1D1D1D';
           }
           var dropitem = document.getElementsByClassName("dropdown-divider");
            for (let item of dropitem) {
                item.style.borderColor = '#d4d4d4'
           }
           var dropitem = document.getElementsByClassName("form-control");
            for (let item of dropitem) {
                item.style.backgroundColor = '#ECECEC';
                item.style.color = 'black';
           }
           var dropitem = document.getElementsByClassName("feedback");
            for (let item of dropitem) {
                item.style.color = '#1d1d1d';
           }
	  } else {
		    document.getElementById("page").classList.add("default-theme");
			document.getElementById("page").classList.remove("light-theme");
			document.getElementById("navigate").style = "background-color: #1D1D1D";
			document.getElementById("navigate").classList.add("navbar-dark");
			document.getElementById("navigate").classList.remove("navbar-light");
			document.getElementById("changer").innerHTML = "<i class='fa fa-sun'></i>";
			var menu = document.getElementsByClassName("dropdown-menu");
            for (let item of menu) {
                item.style.backgroundColor = '#1D1D1D';
           }
           var dropitem = document.getElementsByClassName("dropdown-item");
            for (let item of dropitem) {
                item.style.color = 'white';
           }
           var dropitem = document.getElementsByClassName("small");
            for (let item of dropitem) {
                item.style.color = 'white';
           }
           var dropitem = document.getElementsByClassName("dropdown-divider");
            for (let item of dropitem) {
                item.style.borderColor = '#3d3d3d'
           }
           var dropitem = document.getElementsByClassName("form-control");
            for (let item of dropitem) {
                item.style.backgroundColor = '#1d1d1d';
                item.style.color = 'white';
           }
           var dropitem = document.getElementsByClassName("feedback");
            for (let item of dropitem) {
                item.style.color = 'white';
           }
           }
}