feat: improved validation error rendering of booking form

templates/forms.html.twig

@@ -17,7 +17,7 @@
 {%- block form_label -%}
     {% set class = 'font-semibold' %}
     {% if errors|length %}
-        {% set class = class ~ ' text-red-500' %}
+        {% set class = class ~ ' text-red-700' %}
     {% endif %}
     {% set label_attr = label_attr|merge({'class': (label_attr.class|default('') ~ class)|trim}) %}
     {{ parent() }}
@@ -27,7 +27,7 @@
     {%- if errors|length > 0 -%}
         <ul class="pb-2">
             {%- for error in errors -%}
-                <li class="text-red-500">{{ error.message }}</li>
+                <li class="text-red-700">{{ error.message }}</li>
             {%- endfor -%}
         </ul>
     {%- endif -%}
@@ -99,7 +99,7 @@
             <div class="flex h-6 items-center">
                 {{ form_widget(form) }}
             </div>
-            <div class="{{ html_classes('ml-1 leading-6', { 'text-red-500': errors|length }) }}">
+            <div class="{{ html_classes('ml-1 leading-6', { 'text-red-700': errors|length }) }}">
                 <label for="{{ form.vars.id }}" class="{{ html_classes({ 'pointer-events-none': form.vars.attr.readonly is defined }) }}">
                     {{ form.vars.label | raw }}
                 </label>