mirror of
https://github.com/R0m1k3/xtremflow.git
synced 2026-10-11 17:30:00 +02:00
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>
This commit is contained in:
1 parent
a3a4b6f0f2
commit
96ea8e2ad2
2 files changed
+35
-9
No files matched your search
@@ -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,
|
||||
],
|
||||
),
|
||||
|
||||
@@ -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),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Reference in new issue
Block a user