melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use light-dark() for header nav hover colors

Browse Source
This commit is contained in:
mkelvers
2026-06-17 18:45:56 +02:00
committed by Milas Holsting
parent 16ba3d25ba
commit dcefb08cdb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/components/navigation.gohtml
View File

@@ -80,13 +80,13 @@
{{define "header_nav_link"}}
{{$isActive := .isActive}}
<a href="{{.href}}" class="group inline-flex h-full w-14 items-center justify-center bg-transparent transition-colors hover:bg-[#101113] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground-muted" title="{{.label}}" aria-label="{{.label}}" aria-current="{{if $isActive}}page{{end}}">
<a href="{{.href}}" class="group inline-flex h-full w-14 items-center justify-center bg-transparent transition-colors hover:bg-[light-dark(#ececec,#101113)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground-muted" title="{{.label}}" aria-label="{{.label}}" aria-current="{{if $isActive}}page{{end}}">
{{if eq .key "watchlist"}}
<svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-white group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-[light-dark(var(--color-foreground),#ffffff)] group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" />
</svg>
{{else if eq .key "search"}}
<svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-white group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<svg class="size-6 shrink-0 text-foreground-muted/65 transition-all duration-200 group-hover:text-[light-dark(var(--color-foreground),#ffffff)] group-hover:[stroke-width:2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8" />
<path d="m21 21-4.35-4.35" />
</svg>