changes to CSS to Improve error message contrast for accessibility. (bcgov#1548)

Co-authored-by: RyanBirtch-aot <104386035+RyanBirtch-aot@users.noreply.github.com>

Author: bhuvan-aot

app/frontend/src/assets/scss/style.scss

@@ -210,6 +210,16 @@ a,
     word-break: break-word;
   }
 
+  /**FORMS-1640 - Remove the pink background entirely or change its colour to transparent across the entire CHEFS product 
+  or specifically within the "form submitter" forms to Improve error message contrast for accessibility. **/
+  .formio-error-wrapper {
+    background-color: transparent;
+  }
+  .formio-error-wrapper,
+  .formio-warning-wrapper {
+    padding: 0;
+  }
+
   // tabs component
   .formio-component-simpletabs {
     & > .card {
@@ -554,7 +564,9 @@ a,
   background-color: #eee !important;
 }
 
-.v-data-table, .v-data-table-server, .v-table {
+.v-data-table,
+.v-data-table-server,
+.v-table {
   font-size: 16px !important;
 }
 
@@ -573,4 +585,5 @@ a,
   opacity: 1 !important;
 }
 
-@import 'global-status-overlay.scss';
+
+@import 'global-status-overlay.scss';