From 194dec0fbe6417dcc644a7ba5c97f31f831a3627 Mon Sep 17 00:00:00 2001 From: Jalil Arfaoui Date: Wed, 11 Mar 2026 01:07:03 +0100 Subject: [PATCH] =?UTF-8?q?Fix=20header=20contrast=20on=20/code=20page=20i?= =?UTF-8?q?n=20light=20theme=20=E2=80=94=20nav=20links,=20logo=20and=20ham?= =?UTF-8?q?burger=20icon=20now=20white=20on=20purple=20gradient=20backgrou?= =?UTF-8?q?nd?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/main.astro | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/layouts/main.astro b/src/layouts/main.astro index 731a65e..d89766e 100644 --- a/src/layouts/main.astro +++ b/src/layouts/main.astro @@ -77,12 +77,26 @@ const locale = pathname.startsWith("/en") 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 { background-color: rgba(255, 255, 255, 0.95) !important; 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; }