From e5ee9940caaff7fde0480ca7029450f87568698c Mon Sep 17 00:00:00 2001
From: chenhang <averych@126.com>
Date: Mon, 13 Jul 2026 11:36:24 +0800
Subject: [PATCH] fix(chat): use white pwa dialog button text

---
 .../chat/components/__tests__/tailwind-components.test.tsx  | 2 ++
 src/app/chat/components/pwa-install-dialog.tsx              | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/chat/components/__tests__/tailwind-components.test.tsx b/src/app/chat/components/__tests__/tailwind-components.test.tsx
index 98867487..57f662c1 100644
--- a/src/app/chat/components/__tests__/tailwind-components.test.tsx
+++ b/src/app/chat/components/__tests__/tailwind-components.test.tsx
@@ -216,6 +216,8 @@ describe("chat Tailwind components", () => {
     expect(html).toContain("fixed inset-0");
     expect(html).toContain("max-w-[var(--pwa-install-dialog-max-width,360px)]");
     expect(html).toContain("size-[var(--icon-size-86,86px)]");
+    expect(html).toContain("min-h-[var(--pwa-button-height,44px)]");
+    expect(html).toContain("text-[var(--color-pwa-button-text,#ffffff)]");
     expect(html).toContain("%2Fimages%2Ficons%2Ficon-add-to-home.png");
     expect(html).toContain("Add to Home Screen");
     expect(html).toContain("Cancel");
diff --git a/src/app/chat/components/pwa-install-dialog.tsx b/src/app/chat/components/pwa-install-dialog.tsx
index fded6fcc..f2b33976 100644
--- a/src/app/chat/components/pwa-install-dialog.tsx
+++ b/src/app/chat/components/pwa-install-dialog.tsx
@@ -29,7 +29,7 @@ export function PwaInstallDialog({ onClose, onInstall }: PwaInstallDialogProps)
 
   return (
     <div
-      className="fixed inset-0 z-[60] flex items-center justify-center bg-[rgba(0,0,0,0.5)] pb-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-bottom,0px))] pl-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-left,0px))] pr-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-right,0px))] pt-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-top,0px))]"
+      className="fixed inset-0 z-60 flex items-center justify-center bg-[rgba(0,0,0,0.5)] pb-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-bottom,0px))] pl-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-left,0px))] pr-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-right,0px))] pt-[calc(var(--dialog-safe-margin,16px)+var(--app-safe-top,0px))]"
       role="dialog"
       aria-modal="true"
       aria-labelledby="pwa-dialog-title"
@@ -55,14 +55,14 @@ export function PwaInstallDialog({ onClose, onInstall }: PwaInstallDialogProps)
         <div className="flex w-full gap-[var(--spacing-md,12px)]">
           <button
             type="button"
-            className="flex min-h-[var(--pwa-button-height,44px)] flex-auto cursor-pointer items-center justify-center rounded-[var(--radius-bottom-sheet,28px)] border-0 bg-[var(--color-text-secondary,#9e9e9e)] text-[var(--responsive-body,var(--font-size-lg,16px))] font-semibold text-[var(--color-page-background,#ffffff)]"
+            className="flex min-h-[var(--pwa-button-height,44px)] flex-auto cursor-pointer items-center justify-center rounded-[var(--radius-bottom-sheet,28px)] border-0 bg-[var(--color-text-secondary,#9e9e9e)] text-[var(--responsive-body,var(--font-size-lg,16px))] font-semibold text-[var(--color-pwa-button-text,#ffffff)]"
             onClick={onClose}
           >
             Cancel
           </button>
           <button
             type="button"
-            className="flex min-h-[var(--pwa-button-height,44px)] flex-auto cursor-pointer items-center justify-center rounded-[var(--radius-bottom-sheet,28px)] border-0 bg-[linear-gradient(var(--color-button-gradient-start,#ff67e0),var(--color-button-gradient-end,#ff52a2))] text-[var(--responsive-body,var(--font-size-lg,16px))] font-semibold text-[var(--color-page-background,#ffffff)]"
+            className="flex min-h-[var(--pwa-button-height,44px)] flex-auto cursor-pointer items-center justify-center rounded-[var(--radius-bottom-sheet,28px)] border-0 bg-[linear-gradient(var(--color-button-gradient-start,#ff67e0),var(--color-button-gradient-end,#ff52a2))] text-[var(--responsive-body,var(--font-size-lg,16px))] font-semibold text-[var(--color-pwa-button-text,#ffffff)]"
             onClick={handleInstall}
           >
             OK