v2.56 — UI/Design-Rework: Melo Dark Fusion (neue Startseite, 2-stufige Einstellungen, Design-System)

- Design-System: MeloDesignTokens ThemeExtension, Outfit-Font, Farben #0B0B10/#14141C/#1C1C26
- Akzentfarbe-User-Einstellung behalten (MeloTheme.akzentNotifier), Gradient aus Akzent
- Startseite: Hero-Weiterhören-Karte mit Cover, Titel, Glow-Play-Button
- 2-stufige Einstellungen: Standard + Expertenmodus (SharedPreferences Key 'experten_modus')
- Komponenten: Pill-Buttons (radius 999), Card-Radius 20, Glow-Shadow, PressScale-Widget
- Login: Gradient-Button mit Akzent-Glow
- 199 Tests grün (194 bestehend + 5 neu): ThemeExtension, Expertenmodus, Akzent, PressScale, Hero
- flutter analyze lib/ + test/ = 0 Issues
- KEIN APK

lib/widgets/melo_header.dart

@@ -33,17 +33,17 @@ class MeloHeader extends StatelessWidget {
           Row(
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
-              Column(
+              const Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  ShaderMask(
-                    shaderCallback: (bounds) => const LinearGradient(
-                      colors: [Colors.white, MeloTheme.rot],
-                    ).createShader(bounds),
-                    child: const Text('Melo', style: TextStyle(
-                      fontSize: 28, fontWeight: FontWeight.w700, color: Colors.white)),
-                  ),
-                  const Text('Deine Musik. Deine Art.', style: TextStyle(fontSize: 12, color: MeloTheme.textSekundaer)),
+                  Text('Melo', style: TextStyle(
+                    fontSize: 28, fontWeight: FontWeight.w700, color: Colors.white,
+                    letterSpacing: -0.5,
+                  )),
+                  Text('Deine Musik. Deine Art.', style: TextStyle(
+                    fontSize: 12, color: MeloTheme.textSekundaer,
+                    letterSpacing: 0.2,
+                  )),
                 ],
               ),
               Row(children: [
@@ -69,7 +69,7 @@ class MeloHeader extends StatelessWidget {
             ],
           ),
           const SizedBox(height: 8),
-          // Suchleiste – immer sichtbar
+          // Suchleiste
           TextField(
             onSubmitted: (wert) {
               if (wert.isNotEmpty) onSearch();
@@ -78,11 +78,11 @@ class MeloHeader extends StatelessWidget {
             decoration: InputDecoration(
               hintText: '🔍 Song, Künstler oder Tag suchen...',
               hintStyle: TextStyle(color: Colors.grey.shade600, fontSize: 13),
-              prefixIcon: Icon(Icons.search, size: 18, color: MeloTheme.rot.withValues(alpha: 0.6)),
+              prefixIcon: Icon(Icons.search, size: 18, color: MeloTheme.akzent.withValues(alpha: 0.6)),
               filled: true,
               fillColor: MeloTheme.dunkel1,
               border: OutlineInputBorder(
-                borderRadius: BorderRadius.circular(12),
+                borderRadius: BorderRadius.circular(14),
                 borderSide: BorderSide.none,
               ),
               contentPadding: const EdgeInsets.symmetric(vertical: 10, horizontal: 12),
@@ -98,18 +98,17 @@ class MeloHeader extends StatelessWidget {
       width: 40, height: 40,
       decoration: BoxDecoration(
         color: MeloTheme.dunkel1,
-        borderRadius: BorderRadius.circular(12),
+        borderRadius: BorderRadius.circular(14),
       ),
       child: IconButton(
-        icon: Icon(icon, size: 18, color: MeloTheme.rot),
+        icon: Icon(icon, size: 18, color: MeloTheme.akzent),
         onPressed: onTap,
       ),
     );
   }
 }
 
-/// Kompakter „☁️ Musikserver“-Chip mit Statuspunkt.
-/// Grün = verbunden, Rot = offline, pulsierend = Sync läuft.
+/// Kompakter „☁️ Musikserver"-Chip mit Statuspunkt.
 class _ServerStatusChip extends StatefulWidget {
   final bool verbunden;
   final bool syncLaeuft;
@@ -168,7 +167,7 @@ class _ServerStatusChipState extends State<_ServerStatusChip>
         padding: const EdgeInsets.symmetric(horizontal: 12),
         decoration: BoxDecoration(
           color: MeloTheme.dunkel1,
-          borderRadius: BorderRadius.circular(12),
+          borderRadius: BorderRadius.circular(14),
           border: Border.all(color: MeloTheme.dunkel2),
         ),
         child: Row(
@@ -184,7 +183,6 @@ class _ServerStatusChipState extends State<_ServerStatusChip>
             AnimatedBuilder(
               animation: _controller,
               builder: (_, child) {
-                // Pulsierende Größe während des Syncs
                 final skala = widget.syncLaeuft
                     ? 0.7 + (0.5 * _controller.value)
                     : 1.0;