From 5acb0a68181919d88f424f05e59c5025869bd742 Mon Sep 17 00:00:00 2001 From: Julius Marminge Date: Thu, 15 Oct 2026 17:27:02 -0700 Subject: [PATCH] fix(expo): theme native custom profile pages --- .changeset/quiet-profile-custom-page-theme.md | 5 +++++ packages/expo-native-components/ios/ClerkNativeBridge.swift | 5 +++++ 2 files changed, 10 insertions(+) create mode 100644 .changeset/quiet-profile-custom-page-theme.md diff --git a/.changeset/quiet-profile-custom-page-theme.md b/.changeset/quiet-profile-custom-page-theme.md new file mode 100644 index 00000000000..00ce9ad7cdb --- /dev/null +++ b/.changeset/quiet-profile-custom-page-theme.md @@ -0,0 +1,5 @@ +--- +"@clerk/expo-native-components": patch +--- + +Apply the Clerk theme to custom user-profile page backgrounds and navigation bars on iOS. diff --git a/packages/expo-native-components/ios/ClerkNativeBridge.swift b/packages/expo-native-components/ios/ClerkNativeBridge.swift index e9527c63fd8..f3694574997 100644 --- a/packages/expo-native-components/ios/ClerkNativeBridge.swift +++ b/packages/expo-native-components/ios/ClerkNativeBridge.swift @@ -1557,6 +1557,8 @@ private struct ClerkReactEmbeddedUserProfileCustomPage: View { } private struct ClerkReactUserProfileCustomPageContent: View { + @Environment(\.clerkTheme) private var theme + let path: String let rows: [ClerkUserProfileCustomRowConfig] let state: ClerkUserProfileCustomPageState @@ -1570,8 +1572,11 @@ private struct ClerkReactUserProfileCustomPageContent: View { } } .frame(maxWidth: .infinity, maxHeight: .infinity) + .background(theme.colors.muted) .navigationTitle(userProfileCustomPageLabel(for: path, rows: rows)) .navigationBarTitleDisplayMode(.inline) + .preGlassSolidNavBar() + .background(theme.colors.background) } }