Solved problem of dark theme at server

Author: Signior-X

functions/views/desktop.ejs

@@ -48,8 +48,6 @@
     </script>
     <script>document.addEventListener("DOMContentLoaded",function(){window.signInEmail="<%= userEmail %>";window.currentNote="",window.editor={id:"",title:"",description:""},console.log("<%= userEmail %>"),firebase.database().ref("<%= userEmail %>").orderByChild("timestamp").on("value",function(e){var t=[];e.forEach(function(e){var o=e.key,a=e.val();t.push({childKey:o,childData:a})}),t.reverse(),window.notesData={};var o=document.getElementById("note-family");if(o.innerHTML="",noteFamilyString="",t.forEach(function(e){var t=e.childKey,o=e.childData;noteFamilyString+='<div id="'+t+'" class="note-row hoverable" onclick=doOnNoteClick(this) ><div class="note-title">'+o.title+'</div><div class="note-date">'+o.date+"</div></div>",window.notesData[t]={description:o.description,title:o.title}}),o.innerHTML=noteFamilyString,window.currentNote)try{document.getElementById(window.currentNote).classList.add("is--active"),document.getElementById(window.currentNote).classList.remove("hoverable")}catch(e){console.log("Ignore this error, comes at time of delete",e.toString)}}),addNotefunction=((e,t)=>{console.log("Add Note");var o={title:e,description:t,date:(new Date).toLocaleDateString("en-US",{month:"short",day:"numeric"}),timestamp:firebase.database.ServerValue.TIMESTAMP},a=firebase.database().ref("<%= userEmail %>").push().key;console.log(a),window.currentNote=a;var n={};return n[a]=o,firebase.database().ref("<%= userEmail %>").update(n)}),updateNotefunction=((e,t,o)=>{console.log("Update Note");var a={title:t,description:o,date:(new Date).toLocaleDateString("en-US",{month:"short",day:"numeric"}),timestamp:firebase.database.ServerValue.TIMESTAMP},n={};return n[e]=a,firebase.database().ref("<%= userEmail %>").update(n)}),deleteNotefunction=(e=>firebase.database().ref("<%= userEmail %>").child(e).remove())}),signOutFromGoogle=(()=>{saveForUnSavedChanges(),console.log("Sign Out User!");firebase.auth().signOut();var e=new XMLHttpRequest;e.addEventListener("error",function(e){console.log("Failed"),console.log(e.toString())}),e.addEventListener("load",function(e){console.log("Sign Out Success!"),location.reload()}),e.open("POST","/clear",!0),e.setRequestHeader("Content-Type","application/json"),e.send()});</script>
 
-    <script src="js/loadTheme.js"></script>
-
     <div id="main">
       <div id="top-nav">
         <% if(theme === 'dark') { %>  
@@ -141,6 +139,10 @@
     </div>
 
     <script src="js/newdesign-before-body.js"></script>
+
+    <!-- To choose theme at starting added after main as not working on serve -->
+    <script src="js/loadTheme.js"></script>
+
     <!-- JQuery for resize -->
     <script src="js/before-body-jquery.js"></script>
   </body>

functions/views/login.ejs

@@ -238,8 +238,6 @@
 
     </script>
 
-    <script src="js/loadTheme.js"></script>
-
     <div id="main">
       <div id="top-nav">
         <% if(theme === 'dark') { %>  
@@ -432,6 +430,9 @@
     <!-- Scripts needed to do the tasks -->
     <script src="js/newdesign-before-body.js"></script>
 
+    <!-- To choose theme at starting added after main as not working on serve -->
+    <script src="js/loadTheme.js"></script>
+
     <!-- JQuery for resize -->
     <script src="js/before-body-jquery.min.js"></script>
   </body>

public/js/loadTheme.js

@@ -19,7 +19,7 @@ var themeData = getCookie('themeData');
 
 console.log("themeData" , themeData);
 if(themeData === 'dark') {
-  $('#logo-header').html('<img src="pnotes-logo-dark.png"></img>');
   $('body').addClass('dark');
+  $('#logo-header').html('<img src="pnotes-logo-dark.png"></img>');
   $('#dark-switcher').html('Switch to Light Mode');
 }