Transparent logo in version screen (#963)

Looks better on macOS and allows gradient on tvOS.

Library/Sources/AppUIMain/Views/About/macOS/AboutContentView+macOS.swift

@@ -69,7 +69,6 @@ struct AboutContentView<LinkContent, AboutDestination, LogDestination>: View whe
                     }
                 }
         }
-        .background(navigationRoute == .version ? theme.primaryColor : nil)
         .onLoad {
             navigationRoute = .version
         }

Library/Sources/AppUITV/Views/Profile/ProfileView.swift

@@ -80,7 +80,7 @@ struct ProfileView: View, Routable, TunnelInstallationProviding {
             }
         }
         .ignoresSafeArea(edges: .horizontal)
-        .background(theme.primaryColor)
+        .background(theme.primaryGradient)
         .themeAnimation(on: showsSidePanel, category: .profiles)
         .defaultFocus($focusedField, .switchProfile)
         .onChange(of: tunnel.status, onTunnelStatus)

Library/Sources/AppUITV/Views/Settings/SettingsView.swift

@@ -63,7 +63,7 @@ struct SettingsView: View {
             DetailView(detail: detail)
                 .frame(maxWidth: .infinity)
         }
-        .background(theme.primaryColor)
+        .background(theme.primaryGradient)
         .onChange(of: focus) {
             guard focus != nil else {
                 return

Library/Sources/UILibrary/Theme/Platforms/Theme+tvOS.swift

@@ -34,11 +34,11 @@ extension Theme {
         secondaryWeight = .light
     }
 
-//    public var primaryGradient: AnyGradient {
-//        primaryColor
-//            .opacity(0.6)
-//            .gradient
-//    }
+    public var primaryGradient: AnyGradient {
+        primaryColor
+            .opacity(0.6)
+            .gradient
+    }
 }
 
 // MARK: - Shortcuts

Library/Sources/UILibrary/Views/About/VersionView.swift

@@ -40,6 +40,26 @@ public struct VersionView<Icon>: View where Icon: View {
 
     public var body: some View {
         ScrollView {
+            contentView
+        }
+#if os(iOS)
+        .background(theme.primaryColor)
+        .foregroundStyle(.white)
+#endif
+    }
+}
+
+extension VersionView where Icon == LogoImage {
+    public init() {
+        icon = {
+            LogoImage()
+        }
+    }
+}
+
+private extension VersionView {
+    var contentView: some View {
+        Group {
             icon()
                 .padding(.top)
             Spacer()
@@ -54,16 +74,6 @@ public struct VersionView<Icon>: View where Icon: View {
                     .padding()
             }
         }
-        .background(theme.primaryColor)
-        .foregroundStyle(.white)
-    }
-}
-
-extension VersionView where Icon == LogoImage {
-    public init() {
-        icon = {
-            LogoImage()
-        }
     }
 }