maybe fix colors

XOXNO · Aug 31, 2024 · 78a6271 · 78a6271
1 parent ec14ffe
commit 78a6271
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 7 deletions.
diff --git a/src/email/event-email-2.tsx b/src/email/event-email-2.tsx
@@ -64,7 +64,9 @@ const EventEmail = ({
   host = defaultHost,
   event,
   name,
-  style = { backgroundColor: '#121212' },
+  style = {
+    backgroundColor: 'var(--color-palettes-background-color, #121212)',
+  },
   unsubscribeToken,
 }: IProps & WithUnsubscribeToken) => {
   const t = createTranslator({
@@ -138,7 +140,7 @@ const EventEmail = ({
                 cellSpacing="0"
                 cellPadding="0"
                 border={0}
-                className="mb-[40px] bg-[#161502] p-3 rounded-xl border border-solid border-[#E8EC0D]"
+                className="mb-[40px] warning-label-bg p-3 rounded-xl border border-solid"
               >
                 <tbody>
                   <tr>
@@ -159,7 +161,7 @@ const EventEmail = ({
                     <td style={{ verticalAlign: 'middle' }}>
                       <Text
                         style={bodyStyle}
-                        className="text-[#E8EC0D] my-0 text-start"
+                        className="warning-label my-0 text-start"
                       >
                         {t.rich('qr', { b: (chunks) => <b>{chunks}</b> })}
                       </Text>

diff --git 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,
         }}
       >
         <Container>

diff --git 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
@@ -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;
+              }
+            }
           `}
           </style>
           <meta name="color-scheme" content="light only" />