change outline focus colours to grey,

Relates #148
fac-14 · Oct 18, 2018 · 9b32fb5 · 9b32fb5
1 parent a0b9e40
commit 9b32fb5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/components/Pages/AddNew/AddNewContainer.js b/src/components/Pages/AddNew/AddNewContainer.js
@@ -39,7 +39,7 @@ const StyledInput = styled.input`
   }
 
   :focus {
-    outline-color: #009f5c;
+    outline-color: #c7c7b2;
   }
 `;
 
@@ -51,7 +51,7 @@ const StyledButton = styled.input`
   font-size: 32px;
 
   :focus {
-    outline-color: #009f5c;
+    outline-color: #c7c7b2;
   }
 `;
 

diff --git a/src/components/Pages/AddNew/InstructionText.js b/src/components/Pages/AddNew/InstructionText.js
@@ -6,7 +6,6 @@ const StyledInstructionH2 = styled.h2`
   font-family: "Roboto", Helvetica, sans-serif;
   font-weight: 700;
   margin: 0 16px 16px 16px;
-  // border: solid black 2px;
 `;
 
 export default class InstructionText extends React.Component {

diff --git a/src/components/Pages/AddNew/NewTileTextInput.js b/src/components/Pages/AddNew/NewTileTextInput.js
@@ -18,11 +18,10 @@ const NewTileTextInputElement = styled.input`
   text-transform: uppercase;
   line-height: 1.2;
   letter-spacing: 1px;
-  outline: none;
-`;
 
-const NewTileTextInputSubmit = styled.input`
-  background-color: green;
+  :focus {
+    outline-color: #c7c7b2;
+  }
 `;
 
 export default class NewTileTextInput extends React.Component {