Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: force white color for Login link in production with !important
All checks were successful
CI / update (push) Successful in 1m39s
Details

Browse Source 
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.
This commit is contained in:
Alexander Bocken
2026-01-05 23:08:28 +01:00
parent 3a2a4ec928
commit ab84ffc131
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/Header.svelte
View File

@@ -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;