@@ -159,7 +161,7 @@ const EventEmail = ({
{t.rich('qr', { b: (chunks) => {chunks} })}
diff --git a/src/email/event-email.tsx b/src/email/event-email.tsx
index b519160..e277f1a 100644
--- a/src/email/event-email.tsx
+++ b/src/email/event-email.tsx
@@ -52,7 +52,6 @@ type IProps = {
event: IEvent
style?: {
backgroundColor: string
- color: string
}
}
@@ -62,7 +61,9 @@ const EventEmail = ({
host = defaultHost,
event,
name,
- style = { backgroundColor: '#121212', color: '#121212' },
+ style = {
+ backgroundColor: 'var(--color-palettes-background-color, #121212)',
+ },
unsubscribeToken,
}: IProps & WithUnsubscribeToken) => {
const t = createTranslator({
@@ -88,7 +89,6 @@ const EventEmail = ({
style={{
backgroundImage: `linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(${event.backgroundImage})`,
backgroundColor: style.backgroundColor,
- color: style.color,
}}
>
diff --git a/src/email/post-email.tsx b/src/email/post-email.tsx
index 309459d..0caef1e 100644
--- a/src/email/post-email.tsx
+++ b/src/email/post-email.tsx
@@ -56,7 +56,9 @@ const PostEmail = ({
host = defaultHost,
subject,
message,
- style = { backgroundColor: '#121212' },
+ style = {
+ backgroundColor: 'var(--color-palettes-background-color, #121212)',
+ },
unsubscribeToken,
}: IProps & WithUnsubscribeToken) => {
const t = createTranslator({
diff --git a/src/email/utils.tsx b/src/email/utils.tsx
index 4c06709..880e2f0 100644
--- a/src/email/utils.tsx
+++ b/src/email/utils.tsx
@@ -115,6 +115,33 @@ export const GeneralEmail = ({
.no-scrollbar::-webkit-scrollbar {
display: none;
}
+ .warning-label {
+ color: #E8EC0D;
+ }
+ .warning-label-bg {
+ background-color: #161502;
+ border-color: #E8EC0D;
+ }
+ .warning-label-border {
+ border-color: #161502;
+ }
+ @media (prefers-color-scheme: dark) {
+ --color-palettes-primary-text-fill: #FFF;
+ --color-palettes-lime-fill: #AEFB4F;
+ --color-palettes-button-tertiary-text: #D0D0D0;
+ --color-palettes-button-primary-fill: #AEFB4F;
+ --color-palettes-button-primary-text: #000;
+ --color-palettes-background-color: #121212;
+
+ .warning-label {
+ color: #E8EC0D;
+ }
+
+ .warning-label-bg {
+ background-color: #161502;
+ border-color: #E8EC0D;
+ }
+ }
`}
|