Add support for dynamic background color in MediathekShowCard and PersistedShowCard based on color scheme

Author: YONN2222

Zapp/Views/MediathekView.swift

@@ -621,6 +621,7 @@ struct SearchSuggestionListView: View {
 struct MediathekShowCard: View {
     let show: MediathekShow
     @EnvironmentObject var repo: MediathekRepository
+    @Environment(\.colorScheme) private var colorScheme
 
     var body: some View {
         VStack(alignment: .leading, spacing: 8) {
@@ -678,9 +679,16 @@ struct MediathekShowCard: View {
             }
         }
         .padding()
-        .background(Color(.systemBackground))
+        .background(cardBackground)
         .cornerRadius(12)
     }
+
+    private var cardBackground: Color {
+        if colorScheme == .dark {
+            return Color(uiColor: .secondarySystemBackground)
+        }
+        return Color(.systemBackground)
+    }
 }
 
 struct FilterView: View {

Zapp/Views/PersonalView.swift

@@ -163,6 +163,7 @@ struct PersistedShowCard: View {
     let allowContinueWatchingDeletion: Bool
     let allowBookmarkRemoval: Bool
     @EnvironmentObject var repo: MediathekRepository
+    @Environment(\.colorScheme) private var colorScheme
     @State private var showDownloadNotReadyAlert = false
     @State private var showDetailsSheet = false
 
@@ -279,7 +280,7 @@ struct PersistedShowCard: View {
             }
         }
         .padding()
-        .background(Color(.systemBackground))
+        .background(cardBackground)
         .cornerRadius(12)
         .shadow(color: .black.opacity(0.1), radius: 4, x: 0, y: 2)
         .onTapGesture {
@@ -454,6 +455,13 @@ struct PersistedShowCard: View {
             return String(format: "%d:%02d", minutes, secs)
         }
     }
+
+    private var cardBackground: Color {
+        if colorScheme == .dark {
+            return Color(uiColor: .secondarySystemBackground)
+        }
+        return Color(.systemBackground)
+    }
 }
 
 struct PersonalView_Previews: PreviewProvider {