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; border-radius: 1000px;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
} }
:global(a.entry) :global(a.entry),
:global(a.entry:link),
:global(a.entry:visited)
{ {
text-decoration: none; text-decoration: none;
font-family: sans-serif; font-family: sans-serif;
font-size: 1.2rem; font-size: 1.2rem;
color: white !important;
border-radius: 1000px; border-radius: 1000px;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
} }
@@ -136,10 +139,13 @@ nav[hidden]{
:global(.site_header li:focus-within), :global(.site_header li:focus-within),
:global(.site_header li:has(a.active)), :global(.site_header li:has(a.active)),
:global(a.entry:hover), :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; cursor: pointer;
color: var(--nord8); color: var(--nord8) !important;
} }
:global(.site_header) { :global(.site_header) {
padding-block: 1.5rem; padding-block: 1.5rem;