Michael/xtremobile
1
0 Fork 0
mirror of https://github.com/R0m1k3/xtremobile.git synced 2026-10-11 17:29:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Episode list colors - use dynamic theme for light/dark mode support

Browse Source
This commit is contained in:
Michael committed 2025-12-10 13:08:45 +01:00
1 parent b7dbd5e1af
commit 3aea298b26
1 file changed
+15 -7
Download Patch File Download Diff File Expand all files Collapse all files
lib/mobile/features/iptv/screens/mobile_series_detail_screen.dart
+15 -7
View File
@@ -262,6 +262,14 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
);
final isWatched = watchHistory.isEpisodeWatched(episodeKey);
// Use theme colors for proper light/dark mode support
final theme = Theme.of(context);
final isDark = theme.brightness == Brightness.dark;
final textColor = isDark ? Colors.white : Colors.black;
final secondaryTextColor = isDark ? Colors.grey.shade400 : Colors.grey.shade600;
final surfaceColor = isDark ? const Color(0xFF1C1C1E) : Colors.grey.shade200;
final primaryColor = isDark ? Colors.white : Colors.blue;
return InkWell(
onTap: () {
// Watch progress is tracked in player at 80% completion
@@ -283,8 +291,8 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
},
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(
border: Border(bottom: BorderSide(color: Colors.white10)),
decoration: BoxDecoration(
border: Border(bottom: BorderSide(color: isDark ? Colors.white10 : Colors.black12)),
),
child: Row(
children: [
@@ -293,13 +301,13 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
width: 40,
height: 40,
decoration: BoxDecoration(
color: isWatched ? AppColors.primary : AppColors.surface,
color: isWatched ? primaryColor : surfaceColor,
shape: BoxShape.circle,
border: isWatched ? null : Border.all(color: AppColors.primary, width: 2),
border: isWatched ? null : Border.all(color: primaryColor, width: 2),
),
child: Icon(
isWatched ? Icons.check : Icons.play_arrow,
color: isWatched ? Colors.white : AppColors.primary,
color: isWatched ? (isDark ? Colors.black : Colors.white) : primaryColor,
size: 20,
),
),
@@ -311,7 +319,7 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
Text(
'E${episode.episodeNum} - ${episode.title}',
style: TextStyle(
color: isWatched ? AppColors.textSecondary : AppColors.textPrimary,
color: isWatched ? secondaryTextColor : textColor,
fontWeight: FontWeight.w600,
fontSize: 14,
),
@@ -321,7 +329,7 @@ class _MobileSeriesDetailScreenState extends ConsumerState<MobileSeriesDetailScr
if (episode.durationSecs != null && episode.durationSecs! > 0)
Text(
_formatDuration(episode.durationSecs!),
style: const TextStyle(color: AppColors.textSecondary, fontSize: 12),
style: TextStyle(color: secondaryTextColor, fontSize: 12),
),
],
),