[SDK] Fix: Apply accentButtonText theme key to the Spinner inside of PayEmbed Buttons (#7110)

RobbyUitbeijerse · joaquim-verges · web-flow · commit 7b72e886111b · 2025-05-21T15:21:14.000-07:00
Co-authored-by: Joaquim Verges &lt;joaquim.verges@gmail.com&gt;
diff --git a/.changeset/slick-apes-do.md b/.changeset/slick-apes-do.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix loading spinner theme color in PayEmbed
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.tsx
@@ -291,7 +291,7 @@ export function FiatScreenContent(props: {
           {fiatQuoteQuery.isLoading ? (
             <>
               Getting price quote
-              <Spinner size="sm" color="accentText" />
+              <Spinner size="sm" color="accentButtonText" />
             </>
           ) : (
             "Continue"
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.tsx
@@ -389,7 +389,7 @@ export function SwapScreenContent(props: {
           {quoteQuery.isLoading ? (
             <>
               Getting price quote
-              <Spinner size="sm" color="accentText" />
+              <Spinner size="sm" color="accentButtonText" />
             </>
           ) : (
             "Continue"

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"thirdweb": patch
 +---
++
 +Fix loading spinner theme color in PayEmbed