From ab84ffc1314912ae9977b62b8f9c811505e0cdaf Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Mon, 5 Jan 2026 23:08:28 +0100
Subject: [PATCH] fix: force white color for Login link in production with
 !important

The Login link was appearing light blue and nord purple when visited
in production/preview builds due to CSS specificity conflicts with
global nordtheme.css link styles. Added !important flags to enforce
white color for all link states and nord8 for hover/focus states.
---
 src/lib/components/Header.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 3a30d9b..5312153 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -123,11 +123,14 @@ nav[hidden]{
 	border-radius: 1000px;
 	padding: 0.5rem 0.75rem;
 }
-:global(a.entry)
+:global(a.entry),
+:global(a.entry:link),
+:global(a.entry:visited)
 {
 	text-decoration: none;
 	font-family: sans-serif;
 	font-size: 1.2rem;
+	color: white !important;
 	border-radius: 1000px;
 	padding: 0.5rem 0.75rem;
 }
@@ -136,10 +139,13 @@ nav[hidden]{
 :global(.site_header li:focus-within),
 :global(.site_header li:has(a.active)),
 :global(a.entry:hover),
-:global(a.entry:focus-visible)
+:global(a.entry:focus-visible),
+:global(a.entry:link:hover),
+:global(a.entry:visited:hover),
+:global(a.entry:visited:focus-visible)
 {
 	cursor: pointer;
-	color: var(--nord8);
+	color: var(--nord8) !important;
 }
 :global(.site_header) {
 	padding-block: 1.5rem;