hard coded colors

XOXNO · Aug 31, 2024 · 0810f08 · 0810f08
1 parent eac9bfb
commit 0810f08
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/email/utils.tsx b/src/email/utils.tsx
@@ -145,7 +145,7 @@ export function Center({ children }: PropsWithChildren) {
 }
 
 export const headingStyle = {
-  color: 'var(--color-palettes-primary-text-fill, #FFF)',
+  color: '#FFF',
   fontFamily: `Heading, ${fallbackFont}`,
   textAlign: 'center',
   fontSize: '28px',
@@ -155,7 +155,7 @@ export const headingStyle = {
 } satisfies CSSProperties
 
 export const smallHeadingStyle = {
-  color: 'var(--color-palettes-primary-text-fill, #FFF)',
+  color: '#FFF',
   fontFamily: `Button, ${fallbackFont}`,
   textAlign: 'center',
   fontSize: '19px',
@@ -165,7 +165,7 @@ export const smallHeadingStyle = {
 } satisfies CSSProperties
 
 export const linkStyle = {
-  color: 'var(--color-palettes-lime-fill, #AEFB4F)',
+  color: '#AEFB4F',
   fontFamily: `Body, ${fallbackFont}`,
   fontSize: '16px',
   fontStyle: 'normal',
@@ -175,7 +175,7 @@ export const linkStyle = {
 } satisfies CSSProperties
 
 export const bodyStyle = {
-  color: 'var(--color-palettes-button-tertiary-text, #D0D0D0)',
+  color: '#D0D0D0',
   textAlign: 'center',
   fontFamily: `Body, ${fallbackFont}`,
   fontSize: '16px',
@@ -185,7 +185,7 @@ export const bodyStyle = {
 } satisfies CSSProperties
 
 export const hintStyle = {
-  color: 'var(--color-palettes-button-tertiary-text, #D0D0D0)',
+  color: '#D0D0D0',
   textAlign: 'center',
   fontFamily: `Body, ${fallbackFont}`,
   fontSize: '14px',
@@ -195,7 +195,7 @@ export const hintStyle = {
 } satisfies CSSProperties
 
 export const highlightStyle = {
-  color: 'var(--color-palettes-primary-text-fill, #FFF)',
+  color: '#FFF',
   fontFamily: `Body, ${fallbackFont}`,
   fontSize: '16px',
   fontStyle: 'normal',
@@ -207,8 +207,8 @@ export const buttonStyle = {
   fontFamily: `Button, ${fallbackFont}`,
   padding: '12px 20px',
   borderRadius: '8px',
-  background: 'var(--color-palettes-button-primary-fill, #AEFB4F)',
-  color: 'var(--color-palettes-button-primary-text, #000)',
+  background: '#AEFB4F',
+  color: '#000',
   fontSize: '14px',
   fontStyle: 'normal',
   fontWeight: '500',