mirror of
https://github.com/R0m1k3/xtremflow.git
synced 2026-10-23 06:58:05 +02:00
feat(theme): complete redesign to Cyber-Cinematic Glass (Stitch)
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
1 parent
a9a1127d6b
commit
f7eaa724e2
36 files changed
+1651
-986
No files matched your search
@@ -83,11 +83,11 @@ class MobilePlaylistSelectionScreen extends ConsumerWidget {
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.playlist_remove,
|
||||
size: 48, color: AppColors.textSecondary),
|
||||
size: 48, color: AppColors.onSurfaceVariant),
|
||||
const SizedBox(height: 16),
|
||||
Text('No playlists available',
|
||||
style:
|
||||
GoogleFonts.inter(color: AppColors.textSecondary)),
|
||||
GoogleFonts.inter(color: AppColors.onSurfaceVariant)),
|
||||
],
|
||||
),
|
||||
);
|
||||
@@ -133,10 +133,10 @@ class _MobilePlaylistCard extends StatelessWidget {
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.surface,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: AppColors.border.withOpacity(0.5)),
|
||||
border: Border.all(color: AppColors.outlineVariant.withOpacity(0.5)),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.2),
|
||||
color: AppColors.background.withOpacity(0.2),
|
||||
blurRadius: 10,
|
||||
offset: const Offset(0, 4),
|
||||
),
|
||||
@@ -171,7 +171,7 @@ class _MobilePlaylistCard extends StatelessWidget {
|
||||
style: GoogleFonts.inter(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.textPrimary,
|
||||
color: AppColors.onSurface,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
@@ -181,7 +181,7 @@ class _MobilePlaylistCard extends StatelessWidget {
|
||||
Uri.tryParse(playlist.dns)?.host ?? playlist.dns,
|
||||
style: GoogleFonts.inter(
|
||||
fontSize: 13,
|
||||
color: AppColors.textSecondary,
|
||||
color: AppColors.onSurfaceVariant,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
|
||||
@@ -80,7 +80,7 @@ class _MobileSeriesDetailScreenState
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.black,
|
||||
backgroundColor: AppColors.background,
|
||||
body: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
@@ -90,13 +90,13 @@ class _MobileSeriesDetailScreenState
|
||||
gradient: RadialGradient(
|
||||
center: Alignment.center,
|
||||
radius: 1.5,
|
||||
colors: [Color(0xFF1C1C1E), Color(0xFF000000)],
|
||||
colors: [AppColors.surfaceContainerLow, AppColors.background],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
if (_isLoading)
|
||||
const Center(child: CircularProgressIndicator(color: Colors.white))
|
||||
const Center(child: CircularProgressIndicator(color: AppColors.onSurface))
|
||||
else if (_error != null)
|
||||
Center(
|
||||
child: Column(
|
||||
@@ -110,7 +110,7 @@ class _MobileSeriesDetailScreenState
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
'Error: $_error',
|
||||
style: GoogleFonts.inter(color: Colors.white70),
|
||||
style: GoogleFonts.inter(color: AppColors.onSurfaceVariant),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: _loadSeriesInfo,
|
||||
@@ -141,11 +141,11 @@ class _MobileSeriesDetailScreenState
|
||||
leading: Container(
|
||||
margin: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black.withOpacity(0.5),
|
||||
color: AppColors.background.withOpacity(0.5),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: IconButton(
|
||||
icon: const Icon(Icons.arrow_back, color: Colors.white),
|
||||
icon: const Icon(Icons.arrow_back, color: AppColors.onSurface),
|
||||
onPressed: () => Navigator.pop(context),
|
||||
),
|
||||
),
|
||||
@@ -158,7 +158,7 @@ class _MobileSeriesDetailScreenState
|
||||
imageUrl: _seriesInfo!.cover!,
|
||||
fit: BoxFit.cover,
|
||||
errorWidget: (_, __, ___) =>
|
||||
Container(color: Colors.grey.shade900),
|
||||
Container(color: AppColors.surfaceContainerLow),
|
||||
),
|
||||
// Gradient Overlay
|
||||
Container(
|
||||
@@ -168,8 +168,8 @@ class _MobileSeriesDetailScreenState
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
Colors.transparent,
|
||||
Colors.black.withOpacity(0.8),
|
||||
Colors.black, // Merge into body background
|
||||
AppColors.background.withOpacity(0.8),
|
||||
AppColors.background, // Merge into body background
|
||||
],
|
||||
stops: const [0.5, 0.8, 1.0],
|
||||
),
|
||||
@@ -189,7 +189,7 @@ class _MobileSeriesDetailScreenState
|
||||
style: GoogleFonts.inter(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.white,
|
||||
color: AppColors.onSurface,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
@@ -205,7 +205,7 @@ class _MobileSeriesDetailScreenState
|
||||
Text(
|
||||
_formatRating(_seriesInfo!.rating!)!,
|
||||
style: GoogleFonts.inter(
|
||||
color: Colors.white70,
|
||||
color: AppColors.onSurfaceVariant,
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
@@ -214,7 +214,7 @@ class _MobileSeriesDetailScreenState
|
||||
Text(
|
||||
'${_seriesInfo!.episodes.keys.length} Seasons',
|
||||
style: GoogleFonts.inter(
|
||||
color: Colors.white70,
|
||||
color: AppColors.onSurfaceVariant,
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
@@ -235,7 +235,7 @@ class _MobileSeriesDetailScreenState
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Text(
|
||||
_seriesInfo!.plot!,
|
||||
style: GoogleFonts.inter(color: Colors.white70, height: 1.4),
|
||||
style: GoogleFonts.inter(color: AppColors.onSurfaceVariant, height: 1.4),
|
||||
maxLines: 4,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
@@ -260,10 +260,10 @@ class _MobileSeriesDetailScreenState
|
||||
onSelected: (selected) {
|
||||
if (selected) setState(() => _selectedSeason = seasonNum);
|
||||
},
|
||||
backgroundColor: Colors.white.withOpacity(0.1),
|
||||
backgroundColor: AppColors.surfaceContainer,
|
||||
selectedColor: AppColors.primary,
|
||||
labelStyle: GoogleFonts.inter(
|
||||
color: isSelected ? Colors.white : Colors.white70,
|
||||
color: isSelected ? AppColors.onPrimary : AppColors.onSurfaceVariant,
|
||||
fontWeight: isSelected ? FontWeight.w600 : FontWeight.w400,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
@@ -308,9 +308,8 @@ class _MobileSeriesDetailScreenState
|
||||
);
|
||||
final isWatched = watchHistory.isEpisodeWatched(episodeKey);
|
||||
|
||||
return GlassContainer(
|
||||
return GlassContainer.glass(
|
||||
borderRadius: 12,
|
||||
opacity: 0.1,
|
||||
padding: EdgeInsets.zero,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
@@ -342,12 +341,12 @@ class _MobileSeriesDetailScreenState
|
||||
decoration: BoxDecoration(
|
||||
color: isWatched
|
||||
? AppColors.primary
|
||||
: Colors.white.withOpacity(0.1),
|
||||
: AppColors.surfaceContainer,
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(
|
||||
isWatched ? Icons.check : Icons.play_arrow_rounded,
|
||||
color: isWatched ? Colors.white : AppColors.primary,
|
||||
color: isWatched ? AppColors.onPrimary : AppColors.primary,
|
||||
size: 24,
|
||||
),
|
||||
),
|
||||
@@ -359,7 +358,7 @@ class _MobileSeriesDetailScreenState
|
||||
Text(
|
||||
'E${episode.episodeNum} - ${episode.title}',
|
||||
style: GoogleFonts.inter(
|
||||
color: Colors.white,
|
||||
color: AppColors.onSurface,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 14,
|
||||
),
|
||||
@@ -371,7 +370,7 @@ class _MobileSeriesDetailScreenState
|
||||
Text(
|
||||
_formatDuration(episode.durationSecs!),
|
||||
style: GoogleFonts.inter(
|
||||
color: Colors.white54,
|
||||
color: AppColors.onSurfaceVariant,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
|
||||
Reference in new issue
Block a user