feat: Implement server with API routing, static file serving, Xtream proxy, and streaming capabilities.

lib/core/theme/app_colors.dart

@@ -14,8 +14,8 @@ class AppColors {
   /// Pure black for that infinite depth look (OLED friendly)
   static const Color background = Color(0xFF000000);
   
-  /// Very deep grey for surfaces that need to be distinct but subtle
-  static const Color surface = Color(0xFF121212);
+  /// Very deep grey for surfaces that need to be distinct but subtle (Apple Dark Grey)
+  static const Color surface = Color(0xFF1C1C1E);
   
   /// Focused element background (often white in tvOS for text, or bright accent)
   static const Color focusColor = Color(0xFFFFFFFF);

lib/core/theme/app_theme.dart

@@ -17,16 +17,17 @@ class AppTheme {
   static const double spacing32 = 32.0;
   static const double spacing48 = 48.0; // Larger spacing for TV feel
 
+  // ============ RADIUS ============
   // ============ RADIUS ============
   static const double radiusSm = 8.0;
   static const double radiusMd = 12.0;
-  static const double radiusLg = 16.0;
-  static const double radiusXl = 24.0;
+  static const double radiusLg = 20.0;
+  static const double radiusXl = 32.0;
 
   // ============ ANIMATION ============
   static const Duration durationFast = Duration(milliseconds: 200);
   static const Duration durationNormal = Duration(milliseconds: 300);
-  static const Curve curveDefault = Curves.easeOutCubic;
+  static const Curve curveDefault = Curves.fastOutSlowIn; // Apple-like snappy curve
 
   // ============ DARK THEME (TV Main) ============
   static ThemeData get darkTheme {
@@ -36,114 +37,95 @@ class AppTheme {
       colorScheme: AppColors.darkColorScheme,
       scaffoldBackgroundColor: AppColors.background,
       
-      // AppBar: Totally transparent, content floats below
+      // Typography: San Francisco style (using Inter as proxy)
+      textTheme: TextTheme(
+        displayLarge: GoogleFonts.inter(fontSize: 56, fontWeight: FontWeight.w700, letterSpacing: -1.0, color: AppColors.textPrimary),
+        displayMedium: GoogleFonts.inter(fontSize: 48, fontWeight: FontWeight.w700, letterSpacing: -0.5, color: AppColors.textPrimary),
+        displaySmall: GoogleFonts.inter(fontSize: 32, fontWeight: FontWeight.w600, color: AppColors.textPrimary),
+        headlineMedium: GoogleFonts.inter(fontSize: 24, fontWeight: FontWeight.w600, color: AppColors.textPrimary),
+        titleLarge: GoogleFonts.inter(fontSize: 20, fontWeight: FontWeight.w600, color: AppColors.textPrimary),
+        titleMedium: GoogleFonts.inter(fontSize: 16, fontWeight: FontWeight.w600, color: AppColors.textPrimary),
+        bodyLarge: GoogleFonts.inter(fontSize: 16, fontWeight: FontWeight.w400, color: AppColors.textSecondary),
+        bodyMedium: GoogleFonts.inter(fontSize: 14, fontWeight: FontWeight.w400, color: AppColors.textSecondary),
+        labelLarge: GoogleFonts.inter(fontSize: 14, fontWeight: FontWeight.w600, color: AppColors.textPrimary),
+      ),
+
+      // AppBar: Transparent / Glass
       appBarTheme: AppBarTheme(
-        backgroundColor: Colors.transparent, 
-        surfaceTintColor: Colors.transparent,
+        backgroundColor: Colors.transparent,
+        foregroundColor: AppColors.textPrimary,
         elevation: 0,
         centerTitle: true,
-        iconTheme: const IconThemeData(color: AppColors.textSecondary),
+        scrolledUnderElevation: 0,
         titleTextStyle: GoogleFonts.inter(
-          fontSize: 16,
+          fontSize: 17,
           fontWeight: FontWeight.w600,
-          color: AppColors.textSecondary,
-          letterSpacing: 0.5,
+          color: AppColors.textPrimary,
         ),
       ),
       
-      // NavigationBar: Minimal, often just icons or text
-      navigationBarTheme: NavigationBarThemeData(
-        backgroundColor: Colors.transparent,
-        indicatorColor: Colors.transparent,
-        labelBehavior: NavigationDestinationLabelBehavior.alwaysShow,
-        height: 80,
-        iconTheme: WidgetStateProperty.resolveWith((states) {
-           final isSelected = states.contains(WidgetState.selected);
-           // Selected: White and slightly larger/glowing
-           // Unselected: Grey and smaller
-           return IconThemeData(
-             color: isSelected ? AppColors.focusColor : AppColors.textSecondary,
-             size: isSelected ? 28 : 24,
-           );
-        }),
-        labelTextStyle: WidgetStateProperty.resolveWith((states) {
-          final isSelected = states.contains(WidgetState.selected);
-          return GoogleFonts.inter(
-            fontSize: 12,
-            fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
-            color: isSelected ? AppColors.focusColor : AppColors.textSecondary,
-          );
-        }),
-      ),
-      
-      // Cards: No background by default, they pop on focus
-      cardTheme: CardThemeData(
-        color: Colors.transparent, // Background comes from container in widget
-        elevation: 0,
-        margin: EdgeInsets.zero,
-        shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(radiusMd),
-        ),
-      ),
-      
-      // Inputs: Minimal, dark pills
+      // Inputs: Dark, minimal, no borders unless focused
       inputDecorationTheme: InputDecorationTheme(
         filled: true,
         fillColor: AppColors.surface,
         contentPadding: const EdgeInsets.symmetric(horizontal: spacing24, vertical: spacing16),
         border: OutlineInputBorder(
-          borderRadius: BorderRadius.circular(radiusFull), // Pill shape
+          borderRadius: BorderRadius.circular(radiusMd),
           borderSide: BorderSide.none,
         ),
         enabledBorder: OutlineInputBorder(
-          borderRadius: BorderRadius.circular(radiusFull),
+          borderRadius: BorderRadius.circular(radiusMd),
           borderSide: BorderSide.none,
         ),
         focusedBorder: OutlineInputBorder(
-          borderRadius: BorderRadius.circular(radiusFull),
+          borderRadius: BorderRadius.circular(radiusMd),
           borderSide: const BorderSide(color: AppColors.focusColor, width: 2),
         ),
         hintStyle: GoogleFonts.inter(color: AppColors.textTertiary),
       ),
       
-      // Buttons: White pill buttons usually
+      // Buttons: White pill or minimal text
       filledButtonTheme: FilledButtonThemeData(
         style: FilledButton.styleFrom(
           backgroundColor: AppColors.focusColor, // White buttons
           foregroundColor: Colors.black, // Black text
           elevation: 0,
-          shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(radiusFull),
-          ),
-          padding: const EdgeInsets.symmetric(horizontal: 32, vertical: 20),
-          textStyle: GoogleFonts.inter(
-            fontWeight: FontWeight.w700,
-            fontSize: 16,
-          ),
+          padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(radiusMd)),
+          textStyle: GoogleFonts.inter(fontWeight: FontWeight.w600, fontSize: 16),
         ).copyWith(
-          overlayColor: WidgetStateProperty.all(Colors.black.withOpacity(0.1)),
+          overlayColor: WidgetStateProperty.resolveWith((states) {
+            if (states.contains(WidgetState.hovered)) return Colors.black.withOpacity(0.1);
+            if (states.contains(WidgetState.pressed)) return Colors.black.withOpacity(0.2);
+            return null;
+          }),
         ),
       ),
+      
+      // Cards: Transparent by default (content defines look)
+      cardTheme: const CardTheme(
+        color: AppColors.surface,
+        elevation: 0,
+        margin: EdgeInsets.zero,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(radiusMd))),
+      ),
 
-      textTheme: TextTheme(
-        displayLarge: GoogleFonts.inter(color: AppColors.textPrimary, fontWeight: FontWeight.bold),
-        titleLarge: GoogleFonts.inter(color: AppColors.textPrimary, fontWeight: FontWeight.w600),
-        bodyLarge: GoogleFonts.inter(color: AppColors.textSecondary, fontSize: 16),
-        bodyMedium: GoogleFonts.inter(color: AppColors.textSecondary, fontSize: 14),
+      // Dialogs: Glass/Dark
+      dialogTheme: DialogTheme(
+        backgroundColor: const Color(0xFF1C1C1E), // Apple Dark Grey
+        elevation: 24,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(radiusLg)),
+        titleTextStyle: GoogleFonts.inter(fontSize: 20, fontWeight: FontWeight.bold, color: AppColors.textPrimary),
+        contentTextStyle: GoogleFonts.inter(fontSize: 16, color: AppColors.textSecondary),
       ),
     );
   }
 
   static const double radiusFull = 999.0;
 
-  // Light theme stub (TV interfaces rarely use light mode, but good for completeness)
+  // Light theme stub
   static ThemeData get lightTheme => ThemeData.light(useMaterial3: true).copyWith(
     colorScheme: AppColors.lightColorScheme,
-    inputDecorationTheme: InputDecorationTheme(
-        filled: true,
-        fillColor: const Color(0xFFF2F2F7),
-        border: OutlineInputBorder(
-            borderRadius: BorderRadius.circular(radiusFull),
-            borderSide: BorderSide.none)),
+    textTheme: GoogleFonts.interTextTheme(ThemeData.light().textTheme),
   );
 }