From 828df3ed827a42b4c58f1265fcd4d8b2a2198a8d Mon Sep 17 00:00:00 2001
From: David Cook <david@redcliffs.net>
Date: Wed, 2 Aug 2023 16:04:48 +1000
Subject: [PATCH] Consistently use red in forms

Errors and required fields now use the colour from the palette. The error messages in the old design are a bit darker now, but I think it's clearer. And it makes the new design look way better.

Also snuck in a tiny padding tweak.
---
 app/webpacker/css/admin/components/messages.scss | 6 +++---
 app/webpacker/css/admin/openfoodnetwork.scss     | 6 +++---
 app/webpacker/css/admin/shared/forms.scss        | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/webpacker/css/admin/components/messages.scss b/app/webpacker/css/admin/components/messages.scss
index ff50aa2486..61dd751a55 100644
--- a/app/webpacker/css/admin/components/messages.scss
+++ b/app/webpacker/css/admin/components/messages.scss
@@ -1,14 +1,14 @@
 .errorExplanation {
-  padding: 5px;
+  padding: 10px;
   border: 1px solid very-light($color-error, 12);
   background-color: very-light($color-error, 6);
   border-radius: 3px;
-  color: very-light($color-error, 30);
+  color: $color-error;
   margin-bottom: 15px;
 
   h2 {
     font-size: 140%;
-    color: very-light($color-error, 30);
+    color: $color-error;
     margin-bottom: 5px;
   }
 
diff --git a/app/webpacker/css/admin/openfoodnetwork.scss b/app/webpacker/css/admin/openfoodnetwork.scss
index e396dd1802..9fa0961d4e 100644
--- a/app/webpacker/css/admin/openfoodnetwork.scss
+++ b/app/webpacker/css/admin/openfoodnetwork.scss
@@ -221,12 +221,12 @@ table#listing_enterprise_groups {
   h4,
   h5,
   h6 {
-    color: $warning-red;
+    color: $color-error;
   }
 }
 
 .field_with_errors > input {
-  border-color: red;
+  border-color: $color-error;
 }
 
 // textAngular wysiwyg
@@ -269,7 +269,7 @@ text-angular {
 }
 
 span.required {
-  color: red;
+  color: $color-5;
   font-size: 110%;
 }
 
diff --git a/app/webpacker/css/admin/shared/forms.scss b/app/webpacker/css/admin/shared/forms.scss
index bd5274bced..6e956df095 100644
--- a/app/webpacker/css/admin/shared/forms.scss
+++ b/app/webpacker/css/admin/shared/forms.scss
@@ -100,15 +100,15 @@ span.info {
   &.withError {
     .field_with_errors {
       label {
-        color: very-light($color-error, 30);
+        color: $color-error;
       }
 
       input {
-        border-color: very-light($color-error, 15);
+        border-color: $color-error;
       }
     }
     .formError {
-      color: very-light($color-error, 30);
+      color: $color-error;
       font-style: italic;
       font-size: 85%;
     }