Update UI to look better in light mode

Author: intitni

Core/Sources/SuggestionWidget/Styles.swift

@@ -45,12 +45,16 @@ extension NSAppearance {
     }
 }
 
-extension View {
-    func xcodeStyleFrame(cornerRadius: Double = 8) -> some View {
-        clipShape(RoundedRectangle(cornerRadius: cornerRadius, style: .continuous))
-            .overlay(
+struct XcodeLikeFrame<Content: View>: View {
+    @Environment(\.colorScheme) var colorScheme
+    let content: Content
+    let cornerRadius: Double
+
+    var body: some View {
+        content.clipShape(RoundedRectangle(cornerRadius: cornerRadius, style: .continuous))
+            .background(
                 RoundedRectangle(cornerRadius: cornerRadius, style: .continuous)
-                    .stroke(Color.black.opacity(0.3), style: .init(lineWidth: 1))
+                    .fill(Material.bar)
             )
             .overlay(
                 RoundedRectangle(cornerRadius: max(0, cornerRadius - 1), style: .continuous)
@@ -60,6 +64,12 @@ extension View {
     }
 }
 
+extension View {
+    func xcodeStyleFrame(cornerRadius: Double = 10) -> some View {
+        XcodeLikeFrame(content: self, cornerRadius: cornerRadius)
+    }
+}
+
 extension MarkdownUI.Theme {
     static func custom(fontSize: Double) -> MarkdownUI.Theme {
         .gitHub.text {

Core/Sources/SuggestionWidget/SuggestionPanelContent/CodeBlockSuggestionPanel.swift

@@ -143,13 +143,7 @@ struct CodeBlockSuggestionPanel: View {
         }()
     ))
     .frame(width: 450, height: 400)
-    .background {
-        HStack {
-            Color.red
-            Color.green
-            Color.blue
-        }
-    }
+    .padding()
 }
 
 #Preview("Code Block Suggestion Panel Compact Mode") {
@@ -178,13 +172,7 @@ struct CodeBlockSuggestionPanel: View {
     ))
     .preferredColorScheme(.light)
     .frame(width: 450, height: 400)
-    .background {
-        HStack {
-            Color.red
-            Color.green
-            Color.blue
-        }
-    }
+    .padding()
 }
 
 #Preview("Code Block Suggestion Panel Highlight ObjC") {
@@ -201,12 +189,6 @@ struct CodeBlockSuggestionPanel: View {
     ))
     .preferredColorScheme(.light)
     .frame(width: 450, height: 400)
-    .background {
-        HStack {
-            Color.red
-            Color.green
-            Color.blue
-        }
-    }
+    .padding()
 }