From baa081510e2a044ae7c5045a874b78d46212ff1f Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 14 Jan 2025 17:02:53 +0530
Subject: [PATCH] Remove other uses of text.secondary

---
 web/apps/photos/src/components/DeleteAccountModal.tsx | 2 +-
 web/apps/photos/src/components/PhotoViewer/index.tsx  | 2 +-
 web/packages/accounts/components/SignUpContents.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/apps/photos/src/components/DeleteAccountModal.tsx b/web/apps/photos/src/components/DeleteAccountModal.tsx
index 471a246283..76917a7c2b 100644
--- a/web/apps/photos/src/components/DeleteAccountModal.tsx
+++ b/web/apps/photos/src/components/DeleteAccountModal.tsx
@@ -277,7 +277,7 @@ const ConfirmationCheckboxInput: React.FC<ConfirmationCheckboxInputProps> = ({
                 />
             }
             label={
-                <Typography sx={{ color: "text.secondary" }}>
+                <Typography sx={{ color: "text.muted" }}>
                     {t("delete_account_confirm_checkbox_label")}
                 </Typography>
             }
diff --git a/web/apps/photos/src/components/PhotoViewer/index.tsx b/web/apps/photos/src/components/PhotoViewer/index.tsx
index 97f2ce91a9..4cde8406c6 100644
--- a/web/apps/photos/src/components/PhotoViewer/index.tsx
+++ b/web/apps/photos/src/components/PhotoViewer/index.tsx
@@ -1009,7 +1009,7 @@ const CircularProgressWithLabel: React.FC<
             <Typography
                 variant="mini"
                 component="div"
-                sx={{ color: "text.secondary" }}
+                sx={{ color: "text.muted" }}
             >{`${Math.round(value)}%`}</Typography>
         </Overlay>
     </>
diff --git a/web/packages/accounts/components/SignUpContents.tsx b/web/packages/accounts/components/SignUpContents.tsx
index 9515784ce3..60dde34368 100644
--- a/web/packages/accounts/components/SignUpContents.tsx
+++ b/web/packages/accounts/components/SignUpContents.tsx
@@ -222,7 +222,7 @@ export const SignUpContents: React.FC<SignUpContentsProps> = ({
                             <Typography
                                 sx={{
                                     textAlign: "left",
-                                    color: "text.secondary",
+                                    color: "text.muted",
                                     mt: "24px",
                                 }}
                             >