diff --git a/frontend/src/components/Main.svelte b/frontend/src/components/Main.svelte
index 353eaaa..d635f79 100644
--- a/frontend/src/components/Main.svelte
+++ b/frontend/src/components/Main.svelte
@@ -10,12 +10,15 @@
     {#if $theme === "light"}
         <style>
             body {
+                --foreground-color-0: hsl(180, 11%, 6%);
                 --foreground-color-1: hsl(180, 11%, 7%);
-                --foreground-color-2: hsl(180, 11%, 12%);
-                --foreground-color-3: hsl(180, 11%, 17%);
-                --background-color-1: hsl(210, 100%, 100%);
-                --background-color-2: hsl(210, 3%, 90%);
-                --background-color-3: hsl(210, 1%, 80%);
+                --foreground-color-2: hsl(180, 11%, 11%);
+                --foreground-color-3: hsl(180, 11%, 15%);
+
+                --background-color-0: rgb(253, 254, 255);
+                --background-color-1: rgb(253, 254, 255);
+                --background-color-2: rgb(218, 219, 220);
+                --background-color-3: rgb(173, 174, 175);
             }
 
             .button {