change icon color

JumboCode · Nov 8, 2024 · cdbd234 · cdbd234
1 parent b34e53a
commit cdbd234
Showing 1 changed file with 12 additions and 5 deletions.
diff --git 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>
     ),