fix: Match Camera View and Scale Mode panels to other sidebar styling

Use consistent bg-slate-800/80 backdrop-blur-sm styling instead of
bg-space-800 to match TimeControls, LunarPhaseIndicator, etc.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: cjw6k

tidal-harmonics/src/components/ui/ScaleToggle.tsx

@@ -10,17 +10,17 @@ export function ScaleToggle() {
   ];
 
   return (
-    <div className="flex flex-col gap-2 p-4 bg-space-800 rounded-lg">
-      <span className="text-gray-400 text-sm font-medium">Scale Mode</span>
-      <div className="flex gap-2">
+    <div className="bg-slate-800/80 backdrop-blur-sm rounded-lg p-3">
+      <span className="text-slate-400 text-sm font-medium">Scale Mode</span>
+      <div className="flex gap-2 mt-2">
         {options.map((option) => (
           <button
             key={option.mode}
             onClick={() => setScaleMode(option.mode)}
             className={`px-3 py-1.5 rounded text-sm font-medium transition-colors ${
               scaleMode === option.mode
                 ? 'bg-blue-600 text-white'
-                : 'bg-space-700 text-gray-300 hover:bg-space-700/80'
+                : 'bg-slate-700 text-gray-300 hover:bg-slate-600'
             }`}
           >
             {option.label}

tidal-harmonics/src/components/ui/ViewSelector.tsx

@@ -12,17 +12,17 @@ export function ViewSelector() {
   const { preset, setPreset } = useCamera();
 
   return (
-    <div className="flex flex-col gap-2 p-4 bg-space-800 rounded-lg">
-      <span className="text-gray-400 text-sm font-medium">Camera View</span>
-      <div className="flex gap-2 flex-wrap">
+    <div className="bg-slate-800/80 backdrop-blur-sm rounded-lg p-3">
+      <span className="text-slate-400 text-sm font-medium">Camera View</span>
+      <div className="flex gap-2 flex-wrap mt-2">
         {VIEW_OPTIONS.map((option) => (
           <button
             key={option.preset}
             onClick={() => setPreset(option.preset)}
             className={`px-3 py-1.5 rounded text-sm font-medium transition-colors ${
               preset === option.preset
                 ? 'bg-blue-600 text-white'
-                : 'bg-space-700 text-gray-300 hover:bg-space-700/80'
+                : 'bg-slate-700 text-gray-300 hover:bg-slate-600'
             }`}
           >
             {option.label}