From e9ae98084af24199155f997f724c7ea8ff860876 Mon Sep 17 00:00:00 2001
From: Joaquim Verges <joaquim.verges@gmail.com>
Date: Mon, 23 Sep 2024 11:56:47 +1200
Subject: [PATCH] feat(ReactNative): respect icon theme color in wallet UI
 (#4752)

---
 .changeset/dull-rockets-joke.md                          | 5 +++++
 .../src/react/native/ui/components/WalletImage.tsx       | 9 ++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/dull-rockets-joke.md

diff --git a/.changeset/dull-rockets-joke.md b/.changeset/dull-rockets-joke.md
new file mode 100644
index 00000000000..c3a315e0db3
--- /dev/null
+++ b/.changeset/dull-rockets-joke.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+[ReactNative] Respect icon theme color in connect button and detail modal
diff --git a/packages/thirdweb/src/react/native/ui/components/WalletImage.tsx b/packages/thirdweb/src/react/native/ui/components/WalletImage.tsx
index 73db4cd4072..78d11cd6882 100644
--- a/packages/thirdweb/src/react/native/ui/components/WalletImage.tsx
+++ b/packages/thirdweb/src/react/native/ui/components/WalletImage.tsx
@@ -65,7 +65,14 @@ export const WalletImage = (props: {
   });
 
   const data = avatar || imageData || WALLET_ICON;
-  return <RNImage theme={props.theme} data={data} size={size} />;
+  return (
+    <RNImage
+      theme={props.theme}
+      data={data}
+      size={size}
+      color={props.theme.colors.accentButtonBg}
+    />
+  );
 };
 
 export function getAuthProviderImage(authProvider: string | null): string {