Revert "BACKGROUND THEME CHANGE"

Dev-tanay · Jun 17, 2024 · 06dadfa · 06dadfa
1 parent d441fec
commit 06dadfa
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 74 deletions.
diff --git a/index.html b/index.html
@@ -110,19 +110,6 @@ <h1 class="text text--title">
             </div>
         </div>
 
-        <div class="theme-selector">
-            <label for="theme">Choose Theme:</label>
-            <select id="theme">
-                <option value="default">Default</option>
-                <option value="dark">Dark</option>
-                <option value="light">Light</option>
-                <option value="colorful">Colorful</option>
-            </select>
-        </div>
-        <div id="rubiks-cube">
-            <!-- Your Rubik's Cube game code -->
-        </div>
-
         <div class="ui__buttons">
             <button class="btn btn--bl btn--stats">
       <icon trophy></icon>

diff --git a/script.js b/script.js
@@ -175,32 +175,6 @@ class World extends Animation {
 
 }
 
-// script.js
-
-document.addEventListener('DOMContentLoaded', () => {
-  const themeSelector = document.getElementById('theme');
-
-  // Load saved theme from localStorage if it exists
-  const savedTheme = localStorage.getItem('theme');
-  if (savedTheme) {
-      document.body.classList.add(`${savedTheme}-theme`);
-      themeSelector.value = savedTheme;
-  } else {
-      document.body.classList.add('default-theme');
-  }
-
-  // Change theme when the user selects a different option
-  themeSelector.addEventListener('change', (event) => {
-      document.body.className = ''; // Remove all existing classes
-      const selectedTheme = event.target.value;
-      document.body.classList.add(`${selectedTheme}-theme`);
-
-      // Save selected theme to localStorage
-      localStorage.setItem('theme', selectedTheme);
-  });
-});
-
-
 function RoundedBoxGeometry( size, radius, radiusSegments ) {
 
   THREE.BufferGeometry.call( this );

diff --git a/style.css b/style.css
@@ -1,38 +1,3 @@
-/* styles.css */
-
-/* Default theme */
-body.default-theme {
-    background-color: white;
-    color: black;
-}
-
-/* Dark theme */
-body.dark-theme {
-    background-color: #333;
-    color: white;
-}
-
-/* Light theme */
-body.light-theme {
-    background-color: #f9f9f9;
-    color: #333;
-}
-
-/* Colorful theme */
-body.colorful-theme {
-    background: linear-gradient(45deg, #ff6f69, #ffcc5c, #ffeead, #88d8b0, #96ceb4);
-    color: #333;
-}
-
-/* Style for the theme selector */
-.theme-selector {
-    position: fixed;
-    top: 10px;
-    right: 10px;
-    z-index: 1000;
-}
-
-
 @font-face {
     font-family: "BungeeFont";
     font-weight: normal;