Merge pull request #2486 from Monu01123/fix/theme-toggle-label-inconsistency

fix: make theme toggle label consistent (#2483)

Author: bitwiseman

index.html

@@ -86,7 +86,7 @@ <h1 class="logo">
         <input type="checkbox" id="theme-toggle-btn" style="display: none" />
         <div id="theme-toggle-slider"></div>
       </label>
-      <span id="theme-text">Enable Light Mode</span>
+      <span id="theme-text">Dark Mode</span>
     </div>
     <select name="language" id="language">
       <option value="css">Beautify CSS</option>

web/common-function.js

@@ -422,13 +422,9 @@ function switchTheme(themeToggleEvent) {
     $('.CodeMirror').addClass('cm-s-darcula');
     $('body').addClass('dark-mode');
     $('.logo').children('img').attr("src", "web/banner-dark.svg");
-
-    $('#theme-text').text('Enable Light Mode');
   } else {
     $('.CodeMirror').removeClass('cm-s-darcula');
     $('body').removeClass('dark-mode');
     $('.logo').children('img').attr("src", "web/banner-light.svg");
-
-    $('#theme-text').text('Enable Dark Mode');
   }
 }