⭐ polish

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 {

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

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 }}

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>