refactor: update reset password page styles

assets/css/theme.css

@@ -1656,6 +1656,21 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
+
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }

templates/customer/password-email.tpl

@@ -30,16 +30,9 @@
 {block name='page_content'}
   <form action="{$urls.pages.password}" class="forgotten-password w-3/4 md:w-1/2 lg:w-1/4 mx-auto" method="post">
 
-    <ul class="ps-alert-error">
+    <ul class="ps-alert-error mb-4 flex flex-col gap-1">
       {foreach $errors as $error}
-        <li class="item">
-          <i>
-            <svg viewBox="0 0 24 24">
-              <path fill="#fff" d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"></path>
-            </svg>
-          </i>
-          <p>{$error}</p>
-        </li>
+          <p class="md:text-lg text-center font-medium text-red-600">{$error}</p>
       {/foreach}
     </ul>
 

templates/customer/password-infos.tpl

@@ -29,9 +29,8 @@
 
 {block name='page_content'}
 <div class="w-full flex flex-col gap-4 items-center justify-center">
-  <ul class="ps-alert-success w-3/4 mx-auto">
+  <ul class="ps-alert-success flex flex-col gap-1 w-3/4 mx-auto">
     {foreach $successes as $success}
-      <li class="item">
       <p class="md:text-lg text-center">{$success}</p>
     {/foreach}
   </ul>