From cdbd23450c70d8a7726ec78b1b3ca57f1f4f8d5a Mon Sep 17 00:00:00 2001
From: KY233466 <zihan.yang@tufts.edu>
Date: Fri, 8 Nov 2024 15:08:14 -0500
Subject: [PATCH] change icon color

---
 src/components/Login.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index 7d793ce..5bd962e 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -23,11 +23,18 @@ export default function LoginForm() {
     endAdornment: (
       <InputAdornment position="end">
         <IconButton>
-          {password != "" && (showPassword ? (
-            <VisibilityIcon onClick={() => setShowPassword(false)} />
-          ) : (
-            <VisibilityOffIcon onClick={() => setShowPassword(true)} />
-          ))}
+          {password != "" &&
+            (showPassword ? (
+              <VisibilityIcon
+                sx={{ color: "#138D8A" }}
+                onClick={() => setShowPassword(false)}
+              />
+            ) : (
+              <VisibilityOffIcon
+                sx={{ color: "#138D8A" }}
+                onClick={() => setShowPassword(true)}
+              />
+            ))}
         </IconButton>
       </InputAdornment>
     ),