chore: replace icons for darkmode

2025-04-19 03:24:42 -04:00 · 2025-04-11 13:06:25 +08:00 · 2025-04-11 13:06:25 +08:00 · ec182b95a3
commit ec182b95a3
parent 6268a87820
10 changed files with 6 additions and 21 deletions
--- a/assets/mailer_templates/build_production/images/discord.png
+++ b/assets/mailer_templates/build_production/images/discord.png
--- a/assets/mailer_templates/build_production/images/github.png
+++ b/assets/mailer_templates/build_production/images/github.png
--- a/assets/mailer_templates/build_production/images/reddit.png
+++ b/assets/mailer_templates/build_production/images/reddit.png
--- a/assets/mailer_templates/build_production/images/twitter.png
+++ b/assets/mailer_templates/build_production/images/twitter.png
--- a/assets/mailer_templates/build_production/magic_link.html
+++ b/assets/mailer_templates/build_production/magic_link.html
@ -21,12 +21,12 @@
  <![endif]-->
  <title>Login for AppFlowy</title>
 </head>
-<body style="margin: 0; width: 100%; background-color: #faf5ff; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
+<body style="margin: 0; width: 100%; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
  <div role="article" aria-roledescription="email" aria-label="Login for AppFlowy" lang="en">
    <div style="display: none">
      To login to AppFlowy, follow this link {{ .ConfirmationURL }}
    </div>
-    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f3e8ff" style="font-family: Google Sans, Robot, Arial, sans-serif; padding: 24px; color: #000000;" role="presentation">
+    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeefc" style="font-family: Google Sans, Robot, Arial, sans-serif; padding: 24px; color: #000000;" role="presentation">
      <tr>
        <td align="center" valign="top">
          <table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-radius: 12px; padding: 32px; margin: 0 auto;" role="presentation">
@ -102,18 +102,9 @@
                <p style="font-size: 12px; color: #6F748C; margin: 0;">If you didn't initiate this login, you can safely ignore this email. No action is needed.</p>
              </td>
            </tr>
-            <tr>
-              <td style="padding: 0 0 24px;">
-                <table width="80%" border="0" cellpadding="0" cellspacing="0" style="border-top: 1px solid #e5e7eb; margin: 0 auto;" role="presentation">
-                  <tr>
-                    <td></td>
-                  </tr>
-                </table>
-              </td>
-            </tr>
            <tr>
              <td align="center">
-                <p style="font-size: 12px; color: #6F748C; margin: 0 0 15px;">Bring projects, knowledge, and teams together with the power of AI.</p>
+                <p style="border-top: 1px solid #6f748c; padding-top: 24px; font-size: 12px; color: #6F748C; margin: 0 0 15px;">Bring projects, knowledge, and teams together with the power of AI.</p>
                <p style="margin: 0 0 15px;">
                  <a href="https://twitter.com/appflowy" style="text-decoration: none; display: inline-block; margin: 0 10px 0 0;">
                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/twitter.png" width="20" height="20" alt="Twitter" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0;">
--- a/email_template/src/images/discord.png
+++ b/email_template/src/images/discord.png
--- a/email_template/src/images/github.png
+++ b/email_template/src/images/github.png
--- a/email_template/src/images/reddit.png
+++ b/email_template/src/images/reddit.png
--- a/email_template/src/images/twitter.png
+++ b/email_template/src/images/twitter.png
--- a/email_template/src/templates/magic_link.html
+++ b/email_template/src/templates/magic_link.html
@ -1,6 +1,6 @@
 ---
 title: "Login for AppFlowy"
-bodyClass: bg-purple-50
+bodyClass: #EEEEFC
 ---

 <x-main>
@ -8,7 +8,7 @@ bodyClass: bg-purple-50
    To login to AppFlowy, follow this link @{{ .ConfirmationURL }}
  </div>

-  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f3e8ff" style="font-family: Google Sans, Robot, Arial, sans-serif; padding: 24px; color: #000000;">
+  <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEFC" style="font-family: Google Sans, Robot, Arial, sans-serif; padding: 24px; color: #000000;">
    <tr>
      <td align="center" valign="top">
        <table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-radius: 12px; padding: 32px; margin: 0 auto;">
@ -93,15 +93,9 @@ bodyClass: bg-purple-50
            </td>
          </tr>

-          <tr>
-            <td style="padding: 0 0 24px;">
-              <table width="80%" border="0" cellpadding="0" cellspacing="0" style="border-top: 1px solid #e5e7eb; margin: 0 auto;"><tr><td></td></tr></table>
-            </td>
-          </tr>
-
          <tr>
            <td align="center">
-              <p style="font-size: 12px; color: #6F748C; margin: 0 0 15px 0;">Bring projects, knowledge, and teams together with the power of AI.</p>
+              <p style="border-top: 1px solid #6F748C; padding-top: 24px; font-size: 12px; color: #6F748C; margin: 0 0 15px 0;">Bring projects, knowledge, and teams together with the power of AI.</p>

              <p style="margin: 0 0 15px 0;">
                <a href="https://twitter.com/appflowy" style="text-decoration: none; display: inline-block; margin: 0 10px 0 0;">