diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 2f6b605..cb344fa 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -61,7 +61,7 @@ export default function Layout() {
   }, []);
 
   return (
-    <StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
+    <StyleProvider buttonVariant="default" siteBackground="image" heroBackground="image">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
         <div className="fixed top-6 left-1/2 -translate-x-1/2 z-50 hidden md:flex items-center gap-2 p-1.5 card rounded-full shadow-lg">
diff --git a/src/index.css b/src/index.css
index 6a0a91f..7f79985 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,8 +5,8 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #fafffb;
-  --card: #ffffff;
+  --background: #fafffbe6;
+  --card: #ffffffe6;
   --foreground: #001a0a;
   --primary-cta: #0a705f;
   --primary-cta-text: #fafffb;