fix: Mix Visualizer Controls Styles

DeepDrftPublic.Client/Controls/MixVisualizerControls.razor

@@ -26,7 +26,7 @@
                     ValueChanged="@OnScrollSpeedChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.Speed" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 
@@ -35,7 +35,7 @@
                     ValueChanged="@OnGradientRotationSpeedChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.Palette" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 
@@ -44,7 +44,7 @@
                     ValueChanged="@OnLavaGravityChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.ArrowDownward" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 
@@ -53,7 +53,7 @@
                     ValueChanged="@OnLavaHeatChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.LocalFireDepartment" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 
@@ -62,7 +62,7 @@
                     ValueChanged="@OnBlobDensityChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.BubbleChart" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 
@@ -71,7 +71,7 @@
                     ValueChanged="@OnCollisionStrengthChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.Compress" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 
@@ -80,7 +80,7 @@
                     ValueChanged="@OnWaveformWidthChanged"
                     Min="0" Max="1" Step="0.001"
                     Size="64"
-                    Color="Color.Secondary" />
+                    Color="Color.Primary" />
         <MudIcon Icon="@Icons.Material.Filled.SettingsEthernet" Size="Size.Small" Class="mix-visualizer-control-icon" />
     </div>
 

DeepDrftPublic.Client/Controls/MixVisualizerControls.razor.css

@@ -24,6 +24,6 @@
    attribute onto its element — reach it with ::deep. Tinted to the secondary accent and the
    overlay-label opacity so it matches the session-hero NowPlaying captions (§7e). */
 .mix-visualizer-control ::deep .mix-visualizer-control-icon {
-    color: var(--mud-palette-secondary);
+    color: var(--mud-palette-primary);
     opacity: 0.78;
 }

DeepDrftPublic.Client/Controls/ReleaseDetailScaffold.razor

@@ -16,13 +16,13 @@
             <MudLink Href="@BackHref" Typo="Typo.body2" Class="deepdrft-track-detail-back">
                 &larr; @BackLabel
             </MudLink>
-
+            
+            @TopContent
+            
             @TopRightAction
         </MudStack>
     </div>
 
-    @TopContent
-
     @* The header region. A composer that wants the default masthead+play row supplies nothing; one
        that needs a different arrangement (e.g. the Cut album's left-meta / right-cover split) supplies
        its own Header fragment. Layout variance rides this slot, never a boolean flag (Phase 9 §5.3).