fix: menu unreadable (#1790)

This commit is contained in:
ZhenShuo Leo
2025-12-27 15:05:27 +08:00
parent 230ee3ab16
commit c78b3a1e6a
3 changed files with 16 additions and 2 deletions

View File

@@ -1697,6 +1697,12 @@
background-color: color-mix(in oklab, rgba(var(--color-neutral-500), 1) 50%, transparent); 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 { .bg-neutral\/50 {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 50%, transparent); background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral), 1), 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) { @supports (color: color-mix(in lab, red, red)) {
@@ -3204,6 +3210,14 @@
background-color: rgba(var(--color-neutral-800), 1); 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 { .dark\:bg-neutral-800\/50 {
&:is(.dark *) { &:is(.dark *) {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 50%, transparent); background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-800), 1), 1) 50%, transparent);

View File

@@ -68,7 +68,7 @@
</a> </a>
</div> </div>
<div class="menuhide"> <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"> <div class="flex flex-col space-y-3">
{{ range .Children }} {{ range .Children }}
<a <a

View File

@@ -2,7 +2,7 @@
<div class="fixed inset-x-0 z-100"> <div class="fixed inset-x-0 z-100">
<div <div
id="menu-blur" 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"> <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" . }} {{ partial "header/basic.html" . }}
</div> </div>