diff --git a/components/Button.tsx b/components/Button.tsx
index 28839c8..b00efc9 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -12,8 +12,8 @@ function NN1Button({
     <Button
       href={href}
       style={{
-        backgroundColor: "#ddc2a5",
-        color: "#09080d",
+        backgroundColor: "#09080d",
+        color: "#f8f7ff",
         padding: "13px 26px",
         margin: "0 0 26px",
         borderRadius: "4px",
diff --git a/components/Heading.tsx b/components/Heading.tsx
index 3313245..2fb8f09 100644
--- a/components/Heading.tsx
+++ b/components/Heading.tsx
@@ -5,7 +5,7 @@ function NN1Heading({ children }: { children: React.ReactNode }) {
   return (
     <Text
       style={{
-        color: "#f8f7ff",
+        color: "#09080d",
         margin: "0 0 26px",
         fontSize: "16px",
         lineHeight: "26px",
diff --git a/components/Hr.tsx b/components/Hr.tsx
index 82c191b..9c416b1 100644
--- a/components/Hr.tsx
+++ b/components/Hr.tsx
@@ -4,7 +4,7 @@ function NN1Hr() {
   return (
     <Hr
       style={{
-        borderTop: "1px solid #29282e",
+        borderTop: "1px solid #d9d6df",
         margin: "0 0 26px",
       }}
     />
diff --git a/components/Layout.tsx b/components/Layout.tsx
index 0d8cc19..8b31934 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -7,10 +7,14 @@ import { Img } from "react-email";
 
 const Layout = ({ children }: { children: React.ReactNode }) => (
   <Html>
-    <Head />
+    <Head>
+      <meta name="color-scheme" content="light" />
+      <meta name="supported-color-schemes" content="light" />
+    </Head>
     <Body
       style={{
-        backgroundColor: "#09080d",
+        backgroundColor: "#ffffff",
+        color: "#09080d",
         fontFamily:
           "-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol",
         padding: "52px 26px",
@@ -20,6 +24,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => (
       <Container
         style={{
           maxWidth: "600px",
+          backgroundColor: "#ffffff",
         }}
       >
         <Img
diff --git a/components/Link.tsx b/components/Link.tsx
index 9eb26e4..cd50289 100644
--- a/components/Link.tsx
+++ b/components/Link.tsx
@@ -12,7 +12,7 @@ function NN1Link({
     <Link
       href={href}
       style={{
-        color: "#ddc2a5",
+        color: "#7a4b20",
         textDecoration: "underline",
       }}
     >
diff --git a/components/Schedule.tsx b/components/Schedule.tsx
index c105e25..da246d4 100644
--- a/components/Schedule.tsx
+++ b/components/Schedule.tsx
@@ -14,7 +14,7 @@ function NN1Text({
     <Section key={index} style={{ marginBottom: "26px" }}>
       <Text
         style={{
-          color: "#ccc",
+          color: "#5b5b5b",
           margin: "0",
           fontSize: "14px",
           lineHeight: "26px",
@@ -24,7 +24,7 @@ function NN1Text({
       </Text>
       <Text
         style={{
-          color: "#f8f7ff",
+          color: "#09080d",
           margin: "0 ",
           fontSize: "16px",
           lineHeight: "26px",
@@ -36,7 +36,7 @@ function NN1Text({
       {item.descriptoin ? (
         <Text
           style={{
-            color: "#f8f7ff",
+            color: "#09080d",
             margin: "0 ",
             fontSize: "16px",
             lineHeight: "26px",
diff --git a/components/Text.tsx b/components/Text.tsx
index 4317422..df08a9d 100644
--- a/components/Text.tsx
+++ b/components/Text.tsx
@@ -5,7 +5,7 @@ function NN1Text({ children }: { children: React.ReactNode }) {
   return (
     <Text
       style={{
-        color: "#f8f7ff",
+        color: "#2f2b33",
         margin: "0 0 26px",
         fontSize: "16px",
         lineHeight: "26px",
