corner-nav: ghost/outline menu pill (transparent bg, slate 1.5px hairline, #334155 label) so it stops out-contrasting the wordmark; dark-theme legibility override; reserve() re-measures the new geometry so header overlap fix holds (TK-10883 #3)

12e12543a5e85dd4949a7ab7833856b162e8bc43 · 2026-08-26 11:15:23 -0700 · Steve Abrams

Files touched

M public/corner-nav.js

Diff

commit 12e12543a5e85dd4949a7ab7833856b162e8bc43
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Aug 26 11:15:23 2026 -0700

    corner-nav: ghost/outline menu pill (transparent bg, slate 1.5px hairline, #334155 label) so it stops out-contrasting the wordmark; dark-theme legibility override; reserve() re-measures the new geometry so header overlap fix holds (TK-10883 #3)
---
 public/corner-nav.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/corner-nav.js b/public/corner-nav.js
index 35e916c..f9d13ec 100644
--- a/public/corner-nav.js
+++ b/public/corner-nav.js
@@ -35,11 +35,15 @@
 
   // ── styles (scoped under .cnav*, safe over any dark page) ─────────────────────────────
   var css = '' +
+    /* TK-10883 — GHOST/outline pill (light-mode default): transparent fill + slate hairline so the
+       menu control no longer out-contrasts the wordmark and grabs the eye-line first. */
     '.cnav-burger{position:fixed;top:10px;z-index:9998;display:flex;align-items:center;gap:8px;' +
-      'background:rgba(20,25,37,.92);color:#e6e8ec;border:1px solid rgba(255,255,255,.14);' +
+      'background:transparent;color:#334155;border:1.5px solid #cbd5e1;' +
       /* padding-x (16px) must exceed border-radius (10px) so the label clears the rounded corner */
       'border-radius:10px;padding:8px 16px;font-size:15px;line-height:1;cursor:pointer;' +
-      'box-shadow:0 2px 10px rgba(0,0,0,.35);backdrop-filter:blur(3px);}' +
+      'backdrop-filter:blur(3px);}' +
+    /* dark theme — keep the ghost pill legible on the dark top-bar (transparent fill, lighter hairline) */
+    'html[data-theme="dark"] .cnav-burger{color:#cbd5e1;border-color:rgba(203,213,225,.45);}' +
     '.cnav-burger:hover{border-color:#C8A24B;color:#C8A24B;}' +
     '.cnav-burger.left{left:10px;} .cnav-burger.right{right:10px;}' +
     '.cnav-burger .lbl{font-size:12px;letter-spacing:.3px;} @media(max-width:640px){.cnav-burger .lbl{display:none;}}' +

← cb833c4 crcp header: display-scale two-line title lockup (LA County · back to Commercialrealestate · user-badge: Saved Searches menu under the user-name icon — p 3f9c93d →