From ab5163e29faf5ff5003748077acce258f115287c Mon Sep 17 00:00:00 2001
From: Arkadiusz Fal <arek@arekf.net>
Date: Sun, 12 Jul 2026 19:09:28 +0200
Subject: [PATCH] Add toolbar scrim on channel view for pre-macOS 26

---
 Yattee/Views/Channel/ChannelView.swift | 32 ++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/Yattee/Views/Channel/ChannelView.swift b/Yattee/Views/Channel/ChannelView.swift
index 70112198..d4c6f8e9 100644
--- a/Yattee/Views/Channel/ChannelView.swift
+++ b/Yattee/Views/Channel/ChannelView.swift
@@ -368,6 +368,11 @@ struct ChannelView: View {
         }
         .background(viewBackgroundColor)
         .ignoresSafeArea(edges: .top)
+        #if os(macOS)
+        .overlay(alignment: .top) {
+            legacyToolbarScrim
+        }
+        #endif
         .animation(.easeInOut(duration: 0.25), value: isSearchActive)
         .modifier(ChannelScrollOffsetModifier(
             scrollOffset: $scrollOffset,
@@ -522,6 +527,11 @@ struct ChannelView: View {
         }
         .background(viewBackgroundColor)
         .ignoresSafeArea(edges: .top)
+        #if os(macOS)
+        .overlay(alignment: .top) {
+            legacyToolbarScrim
+        }
+        #endif
         .toolbar {
             #if os(macOS)
             if supportsChannelTabs {
@@ -917,6 +927,28 @@ struct ChannelView: View {
     // MARK: - Header
 
     #if os(macOS)
+    /// Pre-macOS 26 has no Liquid Glass toolbar capsules, so toolbar items sit
+    /// directly on the banner/scrolled content. A fixed window-background scrim
+    /// at the top keeps them legible in both appearances.
+    @ViewBuilder
+    private var legacyToolbarScrim: some View {
+        if #unavailable(macOS 26) {
+            LinearGradient(
+                stops: [
+                    .init(color: Color(nsColor: .windowBackgroundColor).opacity(0.9), location: 0),
+                    .init(color: Color(nsColor: .windowBackgroundColor).opacity(0.75), location: 0.5),
+                    .init(color: .clear, location: 1)
+                ],
+                startPoint: .top,
+                endPoint: .bottom
+            )
+            .frame(height: 100)
+            .frame(maxWidth: .infinity)
+            .allowsHitTesting(false)
+            .ignoresSafeArea(edges: .top)
+        }
+    }
+
     @ViewBuilder
     private func collapsedToolbarTitle(name: String, thumbnailURL: URL?) -> some View {
         let label = HStack(spacing: 8) {