Scale removed from Persistent overlay and theme button color scheme changed.

steps/index.html

@@ -253,7 +253,7 @@
         class="bg-blue-100 dark:bg-blue-700 text-blue-800 dark:text-blue-100 border border-blue-300 dark:border-blue-600 shadow-sm hover:bg-blue-200 dark:hover:bg-blue-600 active:scale-95 active:shadow-inner font-medium rounded-lg text-xs px-4 py-2 transition-all text-center">
         Keyboard<br>Shortcuts
       </button>
-      <button id="theme-toggle" type="button" class="bg-amber-100 dark:bg-indigo-900 text-amber-800 dark:text-indigo-100 border border-amber-300 dark:border-indigo-700 shadow-sm hover:bg-amber-200 dark:hover:bg-indigo-800 active:scale-95 active:shadow-inner flex flex-row items-center gap-2 rounded-lg text-xs px-4 py-3.5 transition-all">
+      <button id="theme-toggle" type="button" class="bg-indigo-900 dark:bg-amber-100 text-indigo-100 dark:text-amber-800 border border-indigo-700 dark:border-amber-300 shadow-sm hover:bg-indigo-800 dark:hover:bg-amber-200 active:scale-95 active:shadow-inner flex flex-row items-center gap-2 rounded-lg text-xs px-4 py-3.5 transition-all">
         <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
           <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
         </svg>
@@ -263,7 +263,7 @@
             fill-rule="evenodd" clip-rule="evenodd"></path>
         </svg>
         <span
-          class="text-xs font-mono bg-amber-200 dark:bg-indigo-800 text-amber-900 dark:text-indigo-200 px-1.5 py-0.5 rounded">
+          class="text-xs font-mono bg-indigo-800 dark:bg-amber-200 text-indigo-200 dark:text-amber-900 px-1.5 py-0.5 rounded">
           (q)
         </span>
       </button>

steps/src/dom.js

@@ -330,7 +330,7 @@ export function updatePersistentOverlays(currentMediaTime) {
                 | Color Mode: <b id="ov-mode"></b>
                 | Drift: <b id="ov-drift"></b>
                 | Δt: <b id="ov-ift"></b>
-                | Scale: <b id="ov-scale"></b>
+                <!-- | Scale: <b id="ov-scale"></b> -->
             </div>
             <canvas id="ift-dot-matrix" width="700" height="40" style="display:block; margin-top:5px; background:rgba(0,0,0,0.5); border:1px solid #555;"></canvas>
         `;
@@ -342,7 +342,7 @@ export function updatePersistentOverlays(currentMediaTime) {
             mode: document.getElementById("ov-mode"),
             drift: document.getElementById("ov-drift"),
             ift: document.getElementById("ov-ift"),
-            scale: document.getElementById("ov-scale"),
+            // scale: document.getElementById("ov-scale"), // Commented out as requested
             dotCanvas: document.getElementById("ift-dot-matrix") // Cache canvas too
         };
     }
@@ -384,7 +384,7 @@ export function updatePersistentOverlays(currentMediaTime) {
         overlayCache.ift.textContent = interFrameTime.toFixed(0) + "ms";
         overlayCache.ift.style.color = iftColor;
         
-        overlayCache.scale.textContent = "1:" + msPerBlock.toFixed(1) + "ms";
+        // overlayCache.scale.textContent = "1:" + msPerBlock.toFixed(1) + "ms"; // Commented out as requested
     }
 
     // --- Draw Optimized Square Block Matrix Graph ---