From 9a83d52539dc83104013a060e4fd5fa3c540b291 Mon Sep 17 00:00:00 2001 From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com> Date: Sat, 4 Apr 2026 15:14:31 -0500 Subject: [PATCH] Match navbar toggler color to nav link color in header .container-header .navbar-toggler now uses --mainmenu-nav-link-color for both text/border color and the hamburger icon SVG, matching the rest of the navigation links. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/media/css/template.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/media/css/template.css b/src/media/css/template.css index 15854bf..0fa07ae 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -13943,7 +13943,6 @@ meter { background-position: center; color: var(--hero-card-color, var(--hero-primary-color, #f1f5f9)); border-radius: var(--hero-card-border-radius, .5rem); - overflow: hidden; } /* ── PRIMARY VARIANT (uses default card vars) ── */ @@ -14385,6 +14384,15 @@ li.current a { color: var(--link-hover-color, #c3d6ff); } +.container-header .navbar-toggler { + color: var(--mainmenu-nav-link-color, #fff); + border-color: var(--mainmenu-nav-link-color, #fff); +} + +.container-header .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + @media (min-width: 992px) { .container-header .mod-menu>li::after { position: absolute;