♿️ Fix AA contrast and move mobile language selector to header row

Darken burufugu primary-600 to pass 4.5:1 on white, bump the search
shortcut hint to neutral-500, and surface the language switcher in
the visible mobile header row instead of the menu dialog.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Nuno CoraçãoandClaude Fable 5 authored and Nuno C. committed 2026-08-17 20:19:02 +01:00
1 parent 6f493fdbb9
commit 96f11ba0e7
8 files changed
+88 -39

No files matched your search

@@ -37,7 +37,7 @@
{{ partial "icon.html" "search" }}
<kbd
id="search-shortcut-hint"
class="pointer-events-none font-sans text-xs text-neutral-400 dark:text-neutral-500"
class="pointer-events-none font-sans text-xs text-neutral-500 dark:text-neutral-400"
aria-hidden="true">
⌘K
</kbd>
@@ -1,5 +1,9 @@
{{ $mobileMenuStyle := .Site.Params.header.mobileMenuStyle | default "fullscreen" }}
<div class="relative flex items-center h-14 gap-4">
<div class="mobile-header-row relative flex items-center h-14 gap-4">
{{ if hugo.IsMultilingual }}
{{ partial "header/components/translations.html" . }}
{{ end }}
{{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
<button
id="appearance-switcher-mobile"
@@ -165,17 +169,10 @@
{{ end }}
{{ define "mobile-footer-components" }}
{{ if or
hugo.IsMultilingual
.Site.Params.enableA11y
}}
{{ if .Site.Params.enableA11y | default false }}
<div
class="flex flex-wrap items-center [&_span]:text-2xl [&_.translation_button_.icon]:text-4xl! [&_.translation_button_span]:text-base! [&_.translation_.menuhide_span]:text-sm! gap-x-6 ps-2 mt-8 pt-8 border-t bf-border-color">
{{ partial "header/components/translations.html" . }}
{{ if .Site.Params.enableA11y | default false }}
{{ partial "header/components/a11y.html" (dict "prefix" "mobile-menu-") }}
{{ end }}
class="flex flex-wrap items-center [&_span]:text-2xl gap-x-6 ps-2 mt-8 pt-8 border-t bf-border-color">
{{ partial "header/components/a11y.html" (dict "prefix" "mobile-menu-") }}
</div>
{{ end }}
{{ end }}