update styling and position of font size popover

apple/OmnivoreKit/Sources/App/Views/LinkItemDetailView.swift

@@ -192,6 +192,9 @@ struct LinkItemDetailView: View {
     .frame(height: readerViewNavBarHeight * navBarVisibilityRatio)
     .opacity(navBarVisibilityRatio)
     .background(Color.systemBackground)
+    .onTapGesture {
+      showFontSizePopover = false
+    }
   }
 
   #if os(iOS)
@@ -217,7 +220,7 @@ struct LinkItemDetailView: View {
                 fontAdjustmentPopoverView
                   .background(Color.appButtonBackground)
                   .cornerRadius(8)
-                  .padding(.trailing, 5)
+                  .padding(.trailing, 44)
               }
               Spacer()
             }

apple/OmnivoreKit/Sources/Views/Article/WebAppViewCoordinator.swift

@@ -44,8 +44,10 @@ extension WebAppViewCoordinator: WKNavigationDelegate {
   }
 
   func webView(_ webView: WKWebView, didFinish _: WKNavigation!) {
-    webView.isOpaque = true
-    webView.backgroundColor = .systemBackground
+    #if os(iOS)
+      webView.isOpaque = true
+      webView.backgroundColor = .systemBackground
+    #endif
   }
 }
 

apple/OmnivoreKit/Sources/Views/Colors/Colors.swift

@@ -22,9 +22,18 @@ public extension Color {
     static var systemBackground: Color { Color(.systemBackground) }
     static var systemPlaceholder: Color { Color(.placeholderText) }
     static var secondarySystemGroupedBackground: Color { Color(.secondarySystemGroupedBackground) }
+    static var systemLabel: Color {
+      if #available(iOS 15.0, *) {
+        return Color(uiColor: .label)
+      } else {
+        return Color.appGrayTextContrast
+      }
+    }
+
   #elseif os(macOS)
     static var systemBackground: Color { Color(.windowBackgroundColor) }
     static var systemPlaceholder: Color { Color(.placeholderTextColor) }
+    static var systemLabel: Color { Color(.labelColor) }
 
     // Just for compilation. secondarySystemGroupedBackground shouldn't be used on macOS
     static var secondarySystemGroupedBackground: Color { Color(.windowBackgroundColor) }

apple/OmnivoreKit/Sources/Views/FontSizeAdjustmentPopoverView.swift

@@ -30,13 +30,15 @@ public struct FontSizeAdjustmentPopoverView: View {
         label: {
           Image(systemName: "minus")
           #if os(iOS)
-            .foregroundColor(.appGraySolid)
+            .foregroundColor(.systemLabel)
             .padding()
           #endif
         }
       )
       .frame(width: 55, height: 40, alignment: .center)
-      Divider().frame(height: 30)
+      Divider()
+        .frame(height: 30)
+        .background(Color.systemLabel)
       Button(
         action: {
           storedFontSize = min(storedFontSize + 2, 28)
@@ -45,7 +47,7 @@ public struct FontSizeAdjustmentPopoverView: View {
         label: {
           Image(systemName: "plus")
           #if os(iOS)
-            .foregroundColor(.appGraySolid)
+            .foregroundColor(.systemLabel)
             .padding()
           #endif
         }