WJ-125 - New: Input autofill color;

WJ-125 - Update: Forms error message color;
90lucasgabriel · Nov 17, 2020 · fd856c5 · fd856c5
1 parent ee9134e
commit fd856c5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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};
 `;