diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 6bebccb5..1cc8f4c5 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1906,6 +1906,10 @@ select {
   --tw-gradient-to: transparent;
 }
 
+.to-neutral-100 {
+  --tw-gradient-to: rgba(var(--color-neutral-100), 1);
+}
+
 .to-neutral {
   --tw-gradient-to: rgba(var(--color-neutral), 1);
 }
@@ -2266,8 +2270,8 @@ select {
   opacity: 0;
 }
 
-.opacity-70 {
-  opacity: 0.7;
+.opacity-60 {
+  opacity: 0.6;
 }
 
 .opacity-30 {
diff --git a/exampleSite/assets/img/bg.jpg b/exampleSite/assets/img/bg.jpg
new file mode 100644
index 00000000..3a7617d7
Binary files /dev/null and b/exampleSite/assets/img/bg.jpg differ
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 2120eb57..d98d4192 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -17,7 +17,7 @@ mainSections = ["docs"]
 
 disableImageOptimization = true
 
-defaultBackgroundImage = "/img/paint.png"
+defaultBackgroundImage = "/img/bg.jpg"
 
 highlightCurrentMenuArea = true
 smartTOC = true
diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html
index 8a10ef43..ec3a9db9 100644
--- a/layouts/partials/hero/background.html
+++ b/layouts/partials/hero/background.html
@@ -33,7 +33,7 @@
     <div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
     </div>
     <div
-        class="absolute inset-0 opacity-70 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
+        class="absolute inset-0 opacity-60 bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal">
     </div>
 </div>
 {{ if $shouldBlur | default false }}
diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index 9bee6d8a..868880d5 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -13,7 +13,7 @@
                         class="absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
                     </div>
                     <div
-                        class="opacity-70 absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral dark:to-neutral-800 mix-blend-normal">
+                        class="opacity-60 absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal">
                     </div>
                     {{ end }}
                 </div>