From fd856c5375032f6dcd82faf35ed8a220d1b55cc4 Mon Sep 17 00:00:00 2001
From: Lucas Teixeira <lucas.teixeira@webjump.com.br>
Date: Tue, 17 Nov 2020 17:24:16 -0300
Subject: [PATCH] WJ-125 - New: Input autofill color; WJ-125 - Update: Forms
 error message color;

---
 src/components/Input/styles.ts | 5 +++++
 src/pages/Login/styles.ts      | 2 +-
 src/pages/Signup/styles.ts     | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Input/styles.ts b/src/components/Input/styles.ts
index 7393f12..269ae8d 100644
--- a/src/components/Input/styles.ts
+++ b/src/components/Input/styles.ts
@@ -52,6 +52,11 @@ export const Container = styled.div<ContainerProps>`
     &::placeholder {
       color: ${Color.Text};
     }
+
+    &:-webkit-autofill {
+      box-shadow: 0 0 0 30px ${Color.FillSecondary} inset;
+      -webkit-text-fill-color: ${Color.Text};
+    }
   }
 
   svg {
diff --git a/src/pages/Login/styles.ts b/src/pages/Login/styles.ts
index ad04391..4207987 100644
--- a/src/pages/Login/styles.ts
+++ b/src/pages/Login/styles.ts
@@ -58,7 +58,7 @@ export const LoginHeader = styled.h1`
 
 export const ErrorMessage = styled.p`
   margin: ${Size.Default} 0;
-  color: ${Color.Secondary};
+  color: ${Color.Error};
   font-size: ${Size.Small};
 `;
 
diff --git a/src/pages/Signup/styles.ts b/src/pages/Signup/styles.ts
index 855eeae..998e624 100644
--- a/src/pages/Signup/styles.ts
+++ b/src/pages/Signup/styles.ts
@@ -58,7 +58,7 @@ export const SignupHeader = styled.h1`
 
 export const ErrorMessage = styled.p`
   margin: ${Size.Default} 0;
-  color: ${Color.Secondary};
+  color: ${Color.Error};
   font-size: ${Size.Small};
 `;