diff --git a/Marks/Views/BookmarkRow.swift b/Marks/Views/BookmarkRow.swift index 7718be1..9f8f638 100644 --- a/Marks/Views/BookmarkRow.swift +++ b/Marks/Views/BookmarkRow.swift @@ -75,15 +75,16 @@ struct BookmarkRow: View { if !effectiveTags.isEmpty { ScrollView(.horizontal, showsIndicators: false) { - HStack(spacing: 6) { - ForEach(effectiveTags, id: \.self) { tag in - Text(tag) - .font(.caption.weight(.medium)) - .foregroundStyle(.secondary) - .padding(.horizontal, 8) - .padding(.vertical, 3) - .background(Color(.systemGray6)) - .clipShape(Capsule()) + GlassEffectContainer(spacing: 6) { + HStack(spacing: 6) { + ForEach(effectiveTags, id: \.self) { tag in + Text(tag) + .font(.caption.weight(.medium)) + .foregroundStyle(.secondary) + .padding(.horizontal, 8) + .padding(.vertical, 3) + .glassEffect(in: Capsule()) + } } } } diff --git a/Marks/Views/OnboardingView.swift b/Marks/Views/OnboardingView.swift index 47688d5..2df303e 100644 --- a/Marks/Views/OnboardingView.swift +++ b/Marks/Views/OnboardingView.swift @@ -89,10 +89,9 @@ struct OnboardingView: View { } .frame(maxWidth: .infinity) .frame(height: 52) - .background(canConnect ? Color.primary : Color(.systemGray4)) - .foregroundStyle(canConnect ? Color(UIColor.systemBackground) : Color(.systemGray2)) - .clipShape(RoundedRectangle(cornerRadius: 14)) } + .buttonStyle(.glassProminent) + .buttonBorderShape(.roundedRectangle(radius: 14)) .disabled(!canConnect || isConnecting) .padding(.horizontal, 24) .padding(.top, 24) diff --git a/Marks/Views/PodcastPlayerView.swift b/Marks/Views/PodcastPlayerView.swift index 4836a02..2890df6 100644 --- a/Marks/Views/PodcastPlayerView.swift +++ b/Marks/Views/PodcastPlayerView.swift @@ -464,8 +464,7 @@ struct PodcastPlayerView: View { .foregroundStyle(.secondary) .padding(.horizontal, 14) .padding(.vertical, 7) - .background(Color(.systemGray5)) - .clipShape(Capsule()) + .glassEffect(in: Capsule()) } if let url = URL(string: articleUrl) { @@ -494,12 +493,10 @@ struct PodcastPlayerView: View { } label: { Label("Retry", systemImage: "arrow.clockwise") .font(.system(size: 15, weight: .semibold)) - .foregroundStyle(.white) - .padding(.horizontal, 24) - .padding(.vertical, 10) - .background(Color.blue) - .clipShape(Capsule()) } + .buttonStyle(.glassProminent) + .tint(.blue) + .buttonBorderShape(.capsule) .padding(.top, 4) } }