From cdd6864f70233cfac944bfac7cddacd1620d8501 Mon Sep 17 00:00:00 2001
From: matteyu <matt.r.ilagan@gmail.com>
Date: Wed, 5 Feb 2025 21:38:03 -0800
Subject: [PATCH 1/2] fix: bg theme color payment method

---
 src/routes/popup/purchase.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/popup/purchase.tsx b/src/routes/popup/purchase.tsx
index 1b4431a9f..6e724f006 100644
--- a/src/routes/popup/purchase.tsx
+++ b/src/routes/popup/purchase.tsx
@@ -369,7 +369,9 @@ export function PurchaseView() {
           )}
           <Line />
           <InputButton
-            style={{ background: "#242426" }}
+            style={{
+              background: theme.displayTheme === "light" ? "#f2f2f7" : "#242426"
+            }}
             label={browser.i18n.getMessage("buy_screen_payment_method_label")}
             onClick={() => setShowPaymentSelector(true)}
             disabled={!paymentMethod}

From 6d9187b80b346c9fc263c312c10bfd82f249a0c7 Mon Sep 17 00:00:00 2001
From: matteyu <matt.r.ilagan@gmail.com>
Date: Wed, 5 Feb 2025 21:43:10 -0800
Subject: [PATCH 2/2] use theme variable

---
 src/routes/popup/purchase.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/popup/purchase.tsx b/src/routes/popup/purchase.tsx
index 6e724f006..442c9943b 100644
--- a/src/routes/popup/purchase.tsx
+++ b/src/routes/popup/purchase.tsx
@@ -370,7 +370,7 @@ export function PurchaseView() {
           <Line />
           <InputButton
             style={{
-              background: theme.displayTheme === "light" ? "#f2f2f7" : "#242426"
+              background: theme.surfaceTertiary
             }}
             label={browser.i18n.getMessage("buy_screen_payment_method_label")}
             onClick={() => setShowPaymentSelector(true)}