TF-393 Update red form validation colours

hmrc · Apr 1, 2020 · 9af3b4c · 9af3b4c
1 parent 9daf0ae
commit 9af3b4c
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/public/form-validation.css b/public/form-validation.css
@@ -2,15 +2,15 @@
 /* Needed for now but will not be needed when assett frontend is bumped to version 3 and 4
 when this happens the helpers package in the views package can be removed and reverted back to the govukhelpers*/
 /*
-  #b10e1e and #ffbf47 = current GOV.UK $error-colour ansd $focus-colour
+  #d4351c and #ffdd00 = current GOV.UK $error-colour ansd $focus-colour
   https://github.com/alphagov/govuk_frontend_toolkit/blob/master/stylesheets/colours/_palette.scss
 */
 /* ========================================================================== */
 
 /* Use .form-group-error to add a red border to the left of a .form-group */
 .form-group-error {
     margin-right: 15px;
-    border-left: 4px solid #b10e1e;
+    border-left: 4px solid #d4351c;
     padding-left: 10px;
 }
 .form-field--error {
@@ -20,21 +20,21 @@ when this happens the helpers package in the views package can be removed and re
 
 @media (min-width: 641px) {
     .form-group-error  {
-        border-left: 5px solid #b10e1e;
+        border-left: 5px solid #d4351c;
         padding-left: 15px;
     }
 }
 
 /* Use .form-control-error to add a red border to .form-control */
 .form-control-error {
-    border: 4px solid #b10e1e;
+    border: 4px solid #d4351c;
 }
 
 
 /* Error messages should be red and bold */
 .error-message {
     font-size: 16px;
-    color: #b10e1e;
+    color: #d4351c;
 
 
     display: block;
@@ -60,7 +60,7 @@ when this happens the helpers package in the views package can be removed and re
 .error-summary {
 
     /* Error summary has a border on all sides */
-    border: 4px solid #b10e1e;
+    border: 4px solid #d4351c;
 
     margin-top: 15px;
     margin-bottom: 15px;
@@ -74,7 +74,7 @@ when this happens the helpers package in the views package can be removed and re
 
 @media (min-width: 641px) {
     .error-summary {
-        border: 5px solid #b10e1e;
+        border: 5px solid #d4351c;
 
         margin-top: 30px;
         margin-bottom: 30px;
@@ -85,7 +85,7 @@ when this happens the helpers package in the views package can be removed and re
 
 /* Use the GOV.UK outline focus style */
 .error-summary:focus {
-    outline: 3px solid #ffbf47;
+    outline: 3px solid #ffdd00;
 }
 
 .error-summary .error-summary-heading {
@@ -109,7 +109,7 @@ when this happens the helpers package in the views package can be removed and re
 }
 
 .error-summary .error-summary-list a {
-    color: #b10e1e;
+    color: #d4351c;
     font-weight: bold;
     text-decoration: underline;
 }
@@ -119,7 +119,7 @@ when this happens the helpers package in the views package can be removed and re
 .error-notification {
     font-size: 16px;
     font-weight: bold;
-    color: #b10e1e;
+    color: #d4351c;
     display: block;
 }