Set a background color for emails

citizenlabsgr · Apr 23, 2024 · 0f24c2b · 0f24c2b
1 parent b908a8f
commit 0f24c2b
Show file tree

Hide file tree

Showing 6 changed files with 51 additions and 13 deletions.
diff --git a/templates/debug/emails.html b/templates/debug/emails.html
@@ -8,22 +8,18 @@ <h1>Email Templates</h1>
 
 {% for email in emails %}
 
-    <hr>
+<hr>
 
-    <p>
-        <b>Subject:</b> {{ email.subject }}
-    </p>
+<h2 class="fs-4 text-center">
+    {{ email.subject }}
+</h2>
 
-    <p>
-        <b>Body:</b>
-
-        <br>
-
-        {{ email.body|safe }}
-    </p>
+<div style="background-color: #dc3545;">
+    {{ email.body|safe }}
+</div>
 
 {% endfor %}
 
-    <hr>
+<hr>
 
-{% endblock %}
+{% endblock main %}
diff --git a/templates/emails/activity.html b/templates/emails/activity.html
@@ -1,3 +1,7 @@
+{% extends "emails/base.html" %}
+
+{% block content %}
+
 <p style="font-size: 14pt;">
     Hello {{ name }},
 </p>
@@ -30,3 +34,5 @@
 </p>
 
 {% include "emails/_unsubscribe.html" %}
+
+{% endblock content%}
diff --git a/templates/emails/base.html b/templates/emails/base.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <style>
+        body { background-color: white !important; }
+    </style>
+</head>
+<body style="background-color: white; margin: 0; padding: 0;">
+    <table role="presentation" width="100%" style="background-color: white;" border="0" cellspacing="0" cellpadding="0">
+        <tr>
+            <td style="background-color: white;">
+                {% block content %}
+                {% endblock content %}
+            </td>
+        </tr>
+    </table>
+</body>
+</html>
diff --git a/templates/emails/invite.html b/templates/emails/invite.html
@@ -1,3 +1,7 @@
+{% extends "emails/base.html" %}
+
+{% block content %}
+
 <p style="font-size: 14pt;">
     Hello {{ name }},
 </p>
@@ -12,3 +16,5 @@
     {% if complete %}join them{% else %}get started{% endif %}:
     <a href="{{ url }}{{ query_string }}">{{ url }}</a>
 </p>
+
+{% endblock content %}
diff --git a/templates/emails/login.html b/templates/emails/login.html
@@ -1,3 +1,7 @@
+{% extends "emails/base.html" %}
+
+{% block content %}
+
 <p style="font-size: 14pt;">
     Hello {{ name }},
 </p>
@@ -15,3 +19,5 @@
     {% endif %}
     <a href="{{ url }}{{ query_string }}">{{ url }}</a>
 </p>
+
+{% endblock content %}
diff --git a/templates/emails/voted.html b/templates/emails/voted.html
@@ -1,3 +1,7 @@
+{% extends "emails/base.html" %}
+
+{% block content %}
+
 <p style="font-size: 14pt;">
     Hello {{ name }},
 </p>
@@ -14,3 +18,5 @@
 </p>
 
 {% include "emails/_unsubscribe.html" %}
+
+{% endblock content %}