Invite email: color and padding changes (#3771)

* Invite email: color and padding changes * Invite email: cloud.stacklok.com is our URL
mindersec · Jul 3, 2024 · f9bd74d · f9bd74d
1 parent 5106a3c
commit f9bd74d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/internal/email/email.go b/internal/email/email.go
@@ -117,12 +117,12 @@ func getEmailBodyHTML(code, sponsor, project, role, inviteeEmail string) string
 		AdminName:        sponsor,
 		OrganizationName: project,
 		// TODO: Determine the correct environment for the invite URL and the rest of the URLs
-		InvitationURL:  fmt.Sprintf("https://cloud.minder.com/join/%s", code),
+		InvitationURL:  fmt.Sprintf("https://cloud.stacklok.com/join/%s", code),
 		RecipientEmail: inviteeEmail,
-		MinderURL:      "https://cloud.minder.com",
+		MinderURL:      "https://cloud.stacklok.com",
 		TermsURL:       "https://stacklok.com/stacklok-terms-of-service",
 		PrivacyURL:     "https://stacklok.com/privacy-policy/",
-		SignInURL:      "https://cloud.minder.com",
+		SignInURL:      "https://cloud.stacklok.com",
 		RoleName:       role,
 	}
 

diff --git a/internal/email/template.go b/internal/email/template.go
@@ -20,7 +20,7 @@ const (
 	bodyHTML = `
 <div
   style="
-    background-color: #f2f4f7;
+    background-color: #f5fbff;
     color: #262626;
     font-family: 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial,
       sans-serif;
@@ -48,7 +48,7 @@ const (
           <div
             style="
               padding: 20px 24px 20px 24px;
-              background-color: #f2f4f7;
+              background-color: #f5fbff;
               text-align: center;
             "
           >
@@ -80,15 +80,15 @@ const (
                 color: #475467;
                 font-size: 14px;
                 font-weight: normal;
-                padding: 24px 0px 24px 0px;
+                padding: 6px 0px 0px 0px;
               "
             >
               <p>
                 <strong>{{.AdminName}}</strong> has invited you to become <strong>{{.RoleName}}</strong> in
                 the <strong>{{.OrganizationName}}</strong> organization in Minder.
               </p>
             </div>
-            <div style="text-align: center; padding: 16px 24px 16px 24px">
+            <div style="text-align: center; padding: 4px 24px 8px 24px">
               <table align="center">
                 <tr>
                   <td align="center">
@@ -132,7 +132,7 @@ const (
                 color: #475467;
                 font-size: 14px;
                 font-weight: normal;
-                padding: 24px 0px 24px 0px;
+                padding: 18px 0px 6px 0px;
               "
             >
               Once you accept, you’ll be able to view the {{.OrganizationName}}
@@ -143,7 +143,7 @@ const (
                 color: #475467;
                 font-size: 12px;
                 font-weight: normal;
-                padding: 24px 0px 24px 0px;
+                padding: 6px 0px 6px 0px;
               "
             >
               <p>
@@ -152,7 +152,7 @@ const (
                 expecting it, you can ignore this email.
               </p>
             </div>
-            <div style="padding: 12px 0px 12px 0px">
+            <div style="padding: 6px 0px 6px 0px">
               <hr
                 style="
                   width: 100%;
@@ -167,7 +167,7 @@ const (
                 color: #475467;
                 font-size: 12px;
                 font-weight: normal;
-                padding: 16px 0px 16px 0px;
+                padding: 6px 0px 6px 0px;
               "
             >
               <p>
@@ -177,7 +177,7 @@ const (
                 and prove to others that what they’ve built is secure.
               </p>
             </div>
-            <div style="padding: 16px 24px 16px 24px">
+            <div style="padding: 8px 24px 8px 24px">
               <table
                 align="center"
                 width="100%"
@@ -264,7 +264,7 @@ const (
           <div
             style="
               padding: 28px 24px 40px 24px;
-              background-color: #f2f4f7;
+              background-color: #f5fbff;
               text-align: center;
             "
           >