Michael/xtremflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/xtremflow.git synced 2026-10-24 07:28:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(theme): complete redesign to Cyber-Cinematic Glass (Stitch)

Browse Source 
Replace the legacy Apple TV-style purple/cyan theme with the full
Google Stitch Cyber-Cinematic Glass design system across the
entire app (desktop + mobile).

- New Material 3 dark ColorScheme: background #121317, primary
  #adc6ff, primaryContainer #4b8eff, surface containers, etc.
- Typography: Space Grotesk (headlines) + Inter (body/labels)
- 3-level glassmorphism via GlassContainer: base, glass, floating
- Primary gradient: #007AFF → #00C6FF with blue glow effects
- Removed old compatibility aliases (focusColor, border, textPrimary,
  textSecondary); all code now uses semantic Stitch tokens
- Systematically replaced all Colors.white/black/red/grey and
  GoogleFonts.roboto/outfit with Stitch equivalents
- All 36 lib/ files updated, zero compilation errors

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 4.7 committed 2026-04-27 22:06:29 +02:00
1 parent a9a1127d6b
commit f7eaa724e2
36 files changed
+1651 -986
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

lib/features/iptv/widgets/channel_card.dart
+7 -7
View File
@@ -134,14 +134,14 @@ class _ChannelCardState extends ConsumerState<ChannelCard>
color: AppColors.surface, // Fallback color
// Thick white border on focus (tvOS style)
border: Border.all(
color: _isHovered ? AppColors.focusColor : Colors.transparent,
color: _isHovered ? AppColors.primaryContainer : Colors.transparent,
width: _isHovered ? 3 : 0,
),
// Deep shadow on focus
boxShadow: _isHovered
? [
BoxShadow(
color: Colors.black.withOpacity(0.5),
color: AppColors.background.withOpacity(0.5),
blurRadius: 30,
offset: const Offset(0, 15),
spreadRadius: 2,
@@ -149,7 +149,7 @@ class _ChannelCardState extends ConsumerState<ChannelCard>
]
: [
BoxShadow(
color: Colors.black.withOpacity(0.2),
color: AppColors.background.withOpacity(0.2),
blurRadius: 4,
offset: const Offset(0, 2),
),
@@ -169,7 +169,7 @@ class _ChannelCardState extends ConsumerState<ChannelCard>
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.transparent, Colors.black.withOpacity(0.4)],
colors: [Colors.transparent, AppColors.background.withOpacity(0.4)],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
@@ -188,7 +188,7 @@ class _ChannelCardState extends ConsumerState<ChannelCard>
color: AppColors.live,
borderRadius: BorderRadius.circular(4),
),
child: const Text('LIVE', style: TextStyle(color: Colors.white, fontSize: 9, fontWeight: FontWeight.bold)),
child: const Text('LIVE', style: TextStyle(color: AppColors.onSurface, fontSize: 9, fontWeight: FontWeight.bold)),
),
),
@@ -201,7 +201,7 @@ class _ChannelCardState extends ConsumerState<ChannelCard>
onTap: () => ref.read(favoritesProvider.notifier).toggleFavorite(widget.streamId),
child: Icon(
isFavorite ? Icons.favorite : Icons.favorite_border,
color: isFavorite ? AppColors.live : Colors.white.withOpacity(0.7),
color: isFavorite ? AppColors.live : AppColors.onSurface.withOpacity(0.7),
size: 20,
),
),
@@ -227,7 +227,7 @@ class _ChannelCardState extends ConsumerState<ChannelCard>
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: _isHovered ? AppColors.focusColor : AppColors.textSecondary,
color: _isHovered ? AppColors.primaryContainer : AppColors.onSurfaceVariant,
fontWeight: _isHovered ? FontWeight.bold : FontWeight.w500,
fontSize: 13,
),