From 96ea8e2ad27e6766c1c317fd7231c1330fccd3a5 Mon Sep 17 00:00:00 2001
From: GitHub Copilot <copilot@github.com>
Date: Thu, 26 Mar 2026 12:00:49 +0100
Subject: [PATCH] refactor(ui): improve Apple TV aesthetics with premium
 gradients and glows

- Enhance category card gradient with teal accent (AppColors.primary)
- Add premium ambient glows to dashboard (teal + blue)
- Replace flat black background with subtle gradient for depth
- Increase glow intensity and size for better visual impact
- Apple TV inspired premium dark theme with accent lighting

Changes:
- live_tv_tab.dart: category gradient now uses AppColors.primary
- dashboard_screen.dart: add dual-glow background with premium styling

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 .../iptv/screens/dashboard_screen.dart        | 38 ++++++++++++++++---
 lib/features/iptv/widgets/live_tv_tab.dart    |  6 +--
 2 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/lib/features/iptv/screens/dashboard_screen.dart b/lib/features/iptv/screens/dashboard_screen.dart
index 0888ef2..2abccc3 100644
--- a/lib/features/iptv/screens/dashboard_screen.dart
+++ b/lib/features/iptv/screens/dashboard_screen.dart
@@ -41,19 +41,45 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
       body: Stack(
         fit: StackFit.expand,
         children: [
-          // 1. Cinematic Deep Space Background
+          // 1. Cinematic Deep Space Background - Premium Apple TV Style
           Positioned.fill(
             child: Container(
               decoration: const BoxDecoration(
-                gradient: AppColors.backgroundGradient,
+                gradient: LinearGradient(
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                  colors: [
+                    AppColors.background,
+                    Color(0xFF0A0A0A), // Slightly darker for depth
+                  ],
+                ),
               ),
             ),
           ),
 
-          // Ambient Glow (Subtle accent)
+          // Ambient Glow Top-Left - Teal (Primary)
           Positioned(
-            top: -100,
-            left: -100,
+            top: -200,
+            left: -200,
+            child: Container(
+              width: 600,
+              height: 600,
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                gradient: RadialGradient(
+                  colors: [
+                    AppColors.primary.withOpacity(0.25),
+                    Colors.transparent,
+                  ],
+                ),
+              ),
+            ),
+          ),
+
+          // Ambient Glow Bottom-Right - Subtle Blue
+          Positioned(
+            bottom: -150,
+            right: -150,
             child: Container(
               width: 500,
               height: 500,
@@ -61,7 +87,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
                 shape: BoxShape.circle,
                 gradient: RadialGradient(
                   colors: [
-                    AppColors.primary.withOpacity(0.2),
+                    AppColors.info.withOpacity(0.15),
                     Colors.transparent,
                   ],
                 ),
diff --git a/lib/features/iptv/widgets/live_tv_tab.dart b/lib/features/iptv/widgets/live_tv_tab.dart
index e3872ff..c59d60e 100644
--- a/lib/features/iptv/widgets/live_tv_tab.dart
+++ b/lib/features/iptv/widgets/live_tv_tab.dart
@@ -294,15 +294,15 @@ class _LiveTVTabState extends ConsumerState<LiveTVTab>
             padding: const EdgeInsets.all(0),
             child: Stack(
               children: [
-                // Background Gradient
+                // Background Gradient - Apple TV Style
                 Container(
                   decoration: BoxDecoration(
                     gradient: LinearGradient(
                       begin: Alignment.topLeft,
                       end: Alignment.bottomRight,
                       colors: [
-                        Colors.white.withOpacity(0.05),
-                        Colors.blue.withOpacity(0.05),
+                        AppColors.primary.withOpacity(0.15),
+                        AppColors.primary.withOpacity(0.05),
                       ],
                     ),
                   ),