jalil/jalil.arfaoui.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix header contrast on /code page in light theme — nav links, logo and hamburger icon now white on purple gradient background

Browse source
This commit is contained in:
Jalil Arfaoui 2026-03-11 01:07:03 +01:00
parent c2530f9181
commit 194dec0fbe
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/layouts/main.astro
View file

@ -77,12 +77,26 @@ const locale = pathname.startsWith("/en")
color: rgba(255, 255, 255, 0.75) !important; color: rgba(255, 255, 255, 0.75) !important;
} }
/* Non-scrolled: light text on purple gradient background */
[data-facet="code"] #header a,
[data-facet="code"] #header nav,
[data-facet="code"] #header svg {
color: rgba(255, 255, 255, 0.85) !important;
}
[data-facet="code"] #header a:hover,
[data-facet="code"] #header svg:hover {
color: white !important;
}
/* Scrolled: purple text on white background */
[data-facet="code"] #header .bg-white\/80 { [data-facet="code"] #header .bg-white\/80 {
background-color: rgba(255, 255, 255, 0.95) !important; background-color: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
} }
[data-facet="code"] #header .bg-white\/80 a { [data-facet="code"] #header .bg-white\/80 a,
[data-facet="code"] #header .bg-white\/80 svg {
color: var(--facet-color) !important; color: var(--facet-color) !important;
} }