Fix text in accessory view

Do you guys know how to fix the render of the text in the accessory view ? If I force the color of text to be .black it work but it will break dark mode, but forcing it .black : .white on color scheme changes makes white to still adapt to what is behind it I have noticed that Apple Music doesn’t have that artifact and it seems to break when images are behind the accessory view

// MARK: - Next Routine Accessory
@available(iOS 26.0, *)
struct NetxRoutinesAccessory: View {
    @ObservedObject private var viewModel = RoutineProgressViewModel.shared
    @EnvironmentObject var colorSchemeManager: ColorSchemeManager
    @EnvironmentObject var routineStore: RoutineStore
    @EnvironmentObject var freemiumKit: FreemiumKit
    @ObservedObject var petsStore = PetsStore.shared
    @Environment(\.colorScheme) private var colorScheme
    
    // Tab accessory placement environment
    @Environment(\.tabViewBottomAccessoryPlacement) private var accessoryPlacement
    
    // Navigation callback
    var onTap: (() -> Void)?
    
    @State private var isButtonPressed = false
    
    /// Explicit black for light mode, white for dark mode
    private var textColor: Color {
        colorScheme == .dark ? .trueWhite : .trueBlack
    }
    
    /// Returns true when the accessory is in inline/minimized mode
    private var isInline: Bool {
        accessoryPlacement == .inline
    }
    
    var body: some View {
        accessoryContent()
            .onTapGesture {
                onTap?()
            }
    }
    
    private func accessoryContent() -> some View {
        HStack(spacing: 12) {
            
            // Content with smooth transitions
            VStack(alignment: .leading, spacing: 2) {
                if viewModel.totalTasks == 0 {
                    Text(NSLocalizedString("Set up routines", comment: "Routines empty state"))
                        .font(.subheadline.weight(.medium))
                        .foregroundColor(textColor)
                } else if let next = viewModel.nextRoutineTask() {
                    HStack(spacing: 4) {
                        Text(NSLocalizedString("Next", comment: "Next routine prefix"))
                            .font(.caption)
                            .foregroundColor(textColor)
                        Text("•")
                            .font(.caption)
                            .foregroundColor(textColor)
                        Text(next.routine.name)
                            .font(.subheadline.weight(.medium))
                            .foregroundColor(textColor)
                            .lineLimit(1)
                    }
                    .id("routine-\(next.routine.id)-\(next.time)")
                    .transition(.opacity.combined(with: .move(edge: .leading)))
                    
                    HStack(spacing: 4) {
                        Text(viewModel.petNames(for: next.routine.petIDs))
                            .font(.caption)
                            .foregroundColor(textColor)
                        Text("•")
                            .font(.caption)
                            .foregroundColor(textColor)
                        Text(Routine.displayTimeFormatter.string(from: next.time))
                            .font(.caption.weight(.medium))
                            .foregroundColor(colorSchemeManager.accentColor ?? .blue)
                    }
                    .id("time-\(next.routine.id)-\(next.time)")
                    .transition(.opacity.combined(with: .move(edge: .leading)))
                } else {
                    // All tasks completed
                    Text(NSLocalizedString("All done for today!", comment: "All routines completed"))
                        .font(.subheadline.weight(.medium))
                        .foregroundColor(textColor)
                        .transition(.opacity.combined(with: .scale))
                    
                    Text("\(viewModel.completedTasks)/\(viewModel.totalTasks) " + NSLocalizedString("tasks", comment: "Tasks count suffix"))
                        .font(.caption)
                        .foregroundColor(textColor)
                }
            }
            .animation(colorSchemeManager.reduceMotion ? nil : .snappy(duration: 0.3), value: viewModel.completedTasks)
            .animation(colorSchemeManager.reduceMotion ? nil : .snappy(duration: 0.3), value: viewModel.progress)
        }
        .padding()
        .contentShape(.rect)
        .animation(colorSchemeManager.reduceMotion ? nil : .snappy(duration: 0.35), value: viewModel.completedTasks)
    }
}
Fix text in accessory view
 
 
Q