[MM-37726] - Self-managed: Update email template to new branding - Invitation email (#18200)

* [MM-37726] -  Self-managed: Update email template to new branding - Invitation email

* fix subtitle color

* fix other template subtitle colors

Co-authored-by: Mattermod <mattermod@users.noreply.github.com>

templates/invite_body.html

@@ -132,7 +132,7 @@
     .subTitle div {
       font-size: 16px !important;
       line-height: 24px !important;
-      color: rgb(63, 67, 80) !important;
+      color: rgba(63, 67, 80, 0.64) !important;
     }
 
     .subTitle a {
@@ -516,8 +516,8 @@
                                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                       <tbody>
                                         <tr>
-                                          <td style="width:320px;">
+                                          <td style="width:246px;">
-                                            <img alt="" height="auto" src="{{.Props.SiteURL}}/static/images/invite_illustration.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="320" />
+                                            <img alt="" height="auto" src="{{.Props.SiteURL}}/static/images/invite_illustration.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="246" />
                                           </td>
                                         </tr>
                                       </tbody>

templates/invite_body.mjml

@@ -13,7 +13,7 @@
       <mj-raw>{{else}}</mj-raw>
       <mj-section padding="0px 0px 40px 0px">
         <mj-column>
-          <mj-image src="{{.Props.SiteURL}}/static/images/invite_illustration.png" width="320px" padding="0px" />
+          <mj-image src="{{.Props.SiteURL}}/static/images/invite_illustration.png" width="246px" padding="0px" />
         </mj-column>
       </mj-section>
       <mj-raw>{{end}}</mj-raw>

templates/messages_notification.html

@@ -132,7 +132,7 @@
     .subTitle div {
       font-size: 16px !important;
       line-height: 24px !important;
-      color: rgb(63, 67, 80) !important;
+      color: rgba(63, 67, 80, 0.64) !important;
     }
 
     .subTitle a {

templates/partials/style.mjml

@@ -30,7 +30,7 @@
   .subTitle div {
     font-size: 16px !important;
     line-height: 24px !important;
-    color: rgb(63, 67, 80) !important;
+    color: rgba(63, 67, 80, 0.64) !important;
   }
 
   .subTitle a {

templates/reset_body.html

@@ -112,7 +112,7 @@
     .subTitle div {
       font-size: 16px !important;
       line-height: 24px !important;
-      color: rgba(61, 60, 64, 0.64) !important;
+      color: rgba(63, 67, 80, 0.64) !important;
     }
 
     .button a {

templates/verify_body.html

@@ -112,7 +112,7 @@
     .subTitle div {
       font-size: 16px !important;
       line-height: 24px !important;
-      color: rgba(61, 60, 64, 0.64) !important;
+      color: rgba(63, 67, 80, 0.64) !important;
     }
 
     .subTitle a {

templates/welcome_body.html

@@ -112,7 +112,7 @@
     .subTitle div {
       font-size: 16px !important;
       line-height: 24px !important;
-      color: rgba(61, 60, 64, 0.64) !important;
+      color: rgba(63, 67, 80, 0.64) !important;
     }
 
     .subTitle a {