diff --git a/assets/css/site.scss b/assets/css/site.scss
index cd0bbc0..b2eb4ca 100644
--- a/assets/css/site.scss
+++ b/assets/css/site.scss
@@ -25,7 +25,8 @@
 
 html {
   scroll-behavior: smooth;
-  background: linear-gradient(180deg, #f5f8fb 0%, #ebf1f7 100%);
+  background:
+    linear-gradient(180deg, #0f172a 0, #0f172a 8rem, #f5f8fb 8rem, #ebf1f7 100%);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -48,6 +49,7 @@ body {
   font-family: "Source Sans 3", sans-serif;
   color: var(--text);
   background:
+    linear-gradient(180deg, rgba(15, 23, 42, 1) 0, rgba(15, 23, 42, 1) 8rem, rgba(245, 248, 251, 0) 8rem),
     radial-gradient(circle at top left, rgba(103, 146, 196, 0.18), transparent 30%),
     linear-gradient(180deg, #f5f8fb 0%, #ebf1f7 100%);
 }
diff --git a/assets/img/favicon/site.webmanifest b/assets/img/favicon/site.webmanifest
index bec8153..7cbd3a6 100644
--- a/assets/img/favicon/site.webmanifest
+++ b/assets/img/favicon/site.webmanifest
@@ -15,7 +15,7 @@
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#0f172a",
+  "background_color": "#ebf1f7",
   "display": "standalone"
-}
\ No newline at end of file
+}