From 40b906167caa3bc00ae8533b94d5da99897ba9a8 Mon Sep 17 00:00:00 2001
From: Arkadiusz Fal <arek@arekf.net>
Date: Fri, 18 Sep 2026 23:59:57 +0200
Subject: [PATCH] Fix white text in video info view under the light tvOS color
 scheme

The video title and TVScrollableDescription hardcoded white text, which
was unreadable on light backgrounds. Description colors now adapt to the
color scheme by default; the player details panel opts back into white
via overlaysDarkBackground since it always sits over a dark backdrop.
---
 Yattee/Views/Player/tvOS/TVDetailsPanel.swift | 23 +++++++++++++------
 Yattee/Views/Video/VideoInfoView.swift        |  2 +-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/Yattee/Views/Player/tvOS/TVDetailsPanel.swift b/Yattee/Views/Player/tvOS/TVDetailsPanel.swift
index b155c18b..53cc83cd 100644
--- a/Yattee/Views/Player/tvOS/TVDetailsPanel.swift
+++ b/Yattee/Views/Player/tvOS/TVDetailsPanel.swift
@@ -134,7 +134,8 @@ struct TVDetailsPanel: View {
             if let description = video?.description, !description.isEmpty {
                 TVScrollableDescription(
                     description: description,
-                    isScrollLocked: $isDescriptionScrollLocked
+                    isScrollLocked: $isDescriptionScrollLocked,
+                    overlaysDarkBackground: true
                 )
                 .padding(.top, isDescriptionScrollLocked ? 24 : 8)
             }
@@ -310,6 +311,9 @@ struct TVScrollableDescription: View {
     let description: String
     @Binding var isScrollLocked: Bool
     var showsHeader: Bool = true
+    /// The player details panel always sits over a dark backdrop, so it keeps
+    /// white text; regular pages use adaptive colors for the light scheme.
+    var overlaysDarkBackground: Bool = false
 
     @FocusState private var isFocused: Bool
     @State private var scrollOffset: CGFloat = 0
@@ -328,7 +332,7 @@ struct TVScrollableDescription: View {
         } label: {
             descriptionContent
         }
-        .buttonStyle(TVDescriptionButtonStyle(isFocused: isFocused, isLocked: isScrollLocked))
+        .buttonStyle(TVDescriptionButtonStyle(isFocused: isFocused, isLocked: isScrollLocked, overlaysDarkBackground: overlaysDarkBackground))
         .focused($isFocused)
         .onMoveCommand { direction in
             guard isScrollLocked else { return }
@@ -363,14 +367,14 @@ struct TVScrollableDescription: View {
                 HStack {
                     Text("player.description")
                         .font(.headline)
-                        .foregroundStyle(.white.opacity(0.7))
+                        .foregroundStyle(overlaysDarkBackground ? AnyShapeStyle(.white.opacity(0.7)) : AnyShapeStyle(.secondary))
 
                     Spacer()
 
                     if isFocused {
                         Text(isScrollLocked ? "player.description.scrollToClose" : "player.description.clickToExpand")
                             .font(.callout)
-                            .foregroundStyle(.white.opacity(0.5))
+                            .foregroundStyle(overlaysDarkBackground ? AnyShapeStyle(.white.opacity(0.5)) : AnyShapeStyle(.tertiary))
                     }
                 }
             }
@@ -384,7 +388,7 @@ struct TVScrollableDescription: View {
                 .overlay(alignment: .topLeading) {
                     Text(description)
                         .font(.body)
-                        .foregroundStyle(.white.opacity(0.9))
+                        .foregroundStyle(overlaysDarkBackground ? AnyShapeStyle(.white.opacity(0.9)) : AnyShapeStyle(.primary))
                         .lineLimit(nil)
                         .fixedSize(horizontal: false, vertical: true)
                         .multilineTextAlignment(.leading)
@@ -402,17 +406,22 @@ struct TVScrollableDescription: View {
 struct TVDescriptionButtonStyle: ButtonStyle {
     let isFocused: Bool
     let isLocked: Bool
+    var overlaysDarkBackground: Bool = false
+
+    private var highlightColor: Color {
+        overlaysDarkBackground ? .white : .primary
+    }
 
     func makeBody(configuration: Configuration) -> some View {
         configuration.label
             .padding(16)
             .background(
                 RoundedRectangle(cornerRadius: 12)
-                    .fill(isFocused ? (isLocked ? .white.opacity(0.2) : .white.opacity(0.1)) : .clear)
+                    .fill(isFocused ? (isLocked ? highlightColor.opacity(0.2) : highlightColor.opacity(0.1)) : .clear)
             )
             .overlay(
                 RoundedRectangle(cornerRadius: 12)
-                    .stroke(isLocked ? .white.opacity(0.5) : .clear, lineWidth: 2)
+                    .stroke(isLocked ? highlightColor.opacity(0.5) : .clear, lineWidth: 2)
             )
             .scaleEffect(configuration.isPressed ? 0.98 : 1.0)
             .animation(.easeInOut(duration: 0.1), value: configuration.isPressed)
diff --git a/Yattee/Views/Video/VideoInfoView.swift b/Yattee/Views/Video/VideoInfoView.swift
index fe986d72..247045bb 100644
--- a/Yattee/Views/Video/VideoInfoView.swift
+++ b/Yattee/Views/Video/VideoInfoView.swift
@@ -623,7 +623,7 @@ struct VideoInfoView: View {
                 Text(video.displayTitle(using: appEnvironment?.deArrowBrandingProvider))
                     .font(.title3)
                     .fontWeight(.semibold)
-                    .foregroundStyle(.white)
+                    .foregroundStyle(.primary)
                     .fixedSize(horizontal: false, vertical: true)
                     .frame(maxWidth: .infinity, alignment: .leading)