From c78b3a1e6a6683b10c4b268f65da108438926654 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Sat, 27 Dec 2025 15:05:27 +0800
Subject: [PATCH] fix: menu unreadable (#1790)

---
 assets/css/compiled/main.css                       | 14 ++++++++++++++
 .../partials/header/components/desktop-menu.html   |  2 +-
 layouts/partials/header/fixed.html                 |  2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index d5cf9dc7..1344c480 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1697,6 +1697,12 @@
       background-color: color-mix(in oklab, rgba(var(--color-neutral-500), 1) 50%, transparent);
     }
   }
+  .bg-neutral\/25 {
+    background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 25%, transparent);
+    }
+  }
   .bg-neutral\/50 {
     background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3204,6 +3210,14 @@
       background-color: rgba(var(--color-neutral-800), 1);
     }
   }
+  .dark\:bg-neutral-800\/25 {
+    &:is(.dark *) {
+      background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, rgba(var(--color-neutral-800), 1) 25%, transparent);
+      }
+    }
+  }
   .dark\:bg-neutral-800\/50 {
     &:is(.dark *) {
       background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 50%, transparent);
diff --git a/layouts/partials/header/components/desktop-menu.html b/layouts/partials/header/components/desktop-menu.html
index 54602580..2ae3c0ef 100644
--- a/layouts/partials/header/components/desktop-menu.html
+++ b/layouts/partials/header/components/desktop-menu.html
@@ -68,7 +68,7 @@
         </a>
       </div>
       <div class="menuhide">
-        <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
+        <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl bg-neutral/25 dark:bg-neutral-800/25">
           <div class="flex flex-col space-y-3">
             {{ range .Children }}
               <a
diff --git a/layouts/partials/header/fixed.html b/layouts/partials/header/fixed.html
index 25ebabe2..bad68611 100644
--- a/layouts/partials/header/fixed.html
+++ b/layouts/partials/header/fixed.html
@@ -2,7 +2,7 @@
 <div class="fixed inset-x-0 z-100">
   <div
     id="menu-blur"
-    class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
+    class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl bg-neutral/25 dark:bg-neutral-800/25"></div>
   <div class="relative m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32">
     {{ partial "header/basic.html" . }}
   </div>