mirror of
https://github.com/R0m1k3/xtremflow.git
synced 2026-10-23 06:58:05 +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(
|
body: Stack(
|
||||||
fit: StackFit.expand,
|
fit: StackFit.expand,
|
||||||
children: [
|
children: [
|
||||||
// 1. Cinematic Deep Space Background
|
// 1. Cinematic Deep Space Background - Premium Apple TV Style
|
||||||
Positioned.fill(
|
Positioned.fill(
|
||||||
child: Container(
|
child: Container(
|
||||||
decoration: const BoxDecoration(
|
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(
|
Positioned(
|
||||||
top: -100,
|
top: -200,
|
||||||
left: -100,
|
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(
|
child: Container(
|
||||||
width: 500,
|
width: 500,
|
||||||
height: 500,
|
height: 500,
|
||||||
@@ -61,7 +87,7 @@ class _DashboardScreenState extends ConsumerState<DashboardScreen> {
|
|||||||
shape: BoxShape.circle,
|
shape: BoxShape.circle,
|
||||||
gradient: RadialGradient(
|
gradient: RadialGradient(
|
||||||
colors: [
|
colors: [
|
||||||
AppColors.primary.withOpacity(0.2),
|
AppColors.info.withOpacity(0.15),
|
||||||
Colors.transparent,
|
Colors.transparent,
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -294,15 +294,15 @@ class _LiveTVTabState extends ConsumerState<LiveTVTab>
|
|||||||
padding: const EdgeInsets.all(0),
|
padding: const EdgeInsets.all(0),
|
||||||
child: Stack(
|
child: Stack(
|
||||||
children: [
|
children: [
|
||||||
// Background Gradient
|
// Background Gradient - Apple TV Style
|
||||||
Container(
|
Container(
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
gradient: LinearGradient(
|
gradient: LinearGradient(
|
||||||
begin: Alignment.topLeft,
|
begin: Alignment.topLeft,
|
||||||
end: Alignment.bottomRight,
|
end: Alignment.bottomRight,
|
||||||
colors: [
|
colors: [
|
||||||
Colors.white.withOpacity(0.05),
|
AppColors.primary.withOpacity(0.15),
|
||||||
Colors.blue.withOpacity(0.05),
|
AppColors.primary.withOpacity(0.05),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in new issue
Block a user