fix header background blur in light theme

This commit is contained in:
sefaria
2026-05-27 09:58:09 +02:00
parent c22c747e4f
commit 0f34535ba4
2 changed files with 4 additions and 2 deletions
-1
View File
@@ -58,7 +58,6 @@ button:active, .button-primary:active, .button-secondary:active, .logo:active {
transition: 0.2s; transition: 0.2s;
} }
.menu-button:active, .menu-button:active,
.desktop-nav a[aria-current="page"]:active, .desktop-nav a[aria-current="page"]:active,
.mobile-menu a[aria-current="page"]:active { .mobile-menu a[aria-current="page"]:active {
+4 -1
View File
@@ -463,7 +463,10 @@ button:visited, .button-primary:visited, .logo:visited {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;
background: linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(115, 115, 115, 0.00) 100%); background: light-dark(
linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%),
linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%)
);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
} }