Merge pull request #702 from sachinggsingh/new-branch

The Dark mode button #699
YadavAkhileshh · Nov 7, 2024 · 5ec2206 · 5ec2206
2 parents c3ed419 + 3999f27
commit 5ec2206
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -500,8 +500,7 @@ <h2 class="uppercase">What power-up do you find most helpful?</h2>
 </head>
 
 <body>
-
-
+
     <nav class="navbar">
 <!--         <img src="assets/images/logo1-.png" alt="logo" height="80px" class="image"> -->
         <div class="title5">
@@ -558,7 +557,6 @@ <h2 class="primary-btn" id="logoutButton" style="display: none;">
         <button class="primary-btn" id="signupButton" window.location.href="/Login and Signup/index.html">
             Signup/Register
         </button>
-
         <div class="theme-switch-wrapper">
             <label class="theme-switch" for="checkbox">
                 <input type="checkbox" id="checkbox">
@@ -570,8 +568,6 @@ <h2 class="primary-btn" id="logoutButton" style="display: none;">
 
     </nav>
     <div class="gtranslate_wrapper"></div>
-
-
     <div id="gameControls" class="header">
         <img src="./assets/images/alien.png" alt="Game Logo" class="logoImage">
         <div class="controlGroup">
@@ -593,6 +589,14 @@ <h2 class="primary-btn" id="logoutButton" style="display: none;">
             <button id="pauseButton" style="display: none"><i class="fas fa-play"></i> Game paused</button>
             <button id="restartButton" style="display: none"><i class="fas fa-redo"></i> Play Again </button>
         </div>
+        <div class="theme-switch-wrapper">
+            <label class="theme-switch" for="checkbox">
+                <input type="checkbox" id="checkbox">
+                <div class="slider"></div>
+            </label>
+            <span id="mode-label">Light Mode</span>
+        </div>
+
     </div>
     <div id="gameContainer">
         <canvas id="gameCanvas"></canvas>
@@ -754,13 +758,6 @@ <h2 class="primary-btn" id="logoutButton" style="display: none;">
                 <div id="instructions">
 
                     <div>
-                        <!-- <div class="theme-switch-wrapper">
-                            <label class="theme-switch" for="checkbox">
-                                <input type="checkbox" id="checkbox">
-                                <div class="slider"></div>
-                            </label>
-                            <span id="mode-label">Light Mode</span>
-                        </div> -->
                         <div id="volumeControl">
                             <div id="muteControl">
                                 <button id="muteButton" class="styled-button"