TK-10703 cycle7: firecities → corner-nav + day/night theme (accent preserved)

1f95711a363cb34c59b979a6191d953416864be8 · 2026-08-21 06:52:31 -0700 · Steve Abrams

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/firecities.html

Diff

commit 1f95711a363cb34c59b979a6191d953416864be8
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Fri Aug 21 06:52:31 2026 -0700

    TK-10703 cycle7: firecities → corner-nav + day/night theme (accent preserved)
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/firecities.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/public/firecities.html b/public/firecities.html
index 7ac5b03..1773d34 100644
--- a/public/firecities.html
+++ b/public/firecities.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html lang="en">
 <head>
+<script>(function(){try{var t=localStorage.getItem('crcp-theme');document.documentElement.setAttribute('data-theme',t==='light'?'light':'dark');}catch(e){document.documentElement.setAttribute('data-theme','dark');}})();</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>CRCP · Fire Cities</title>
@@ -9,8 +10,14 @@
     --bg:#160f0d; --panel:#221513; --panel2:#2c1a16; --edge:#43261f;
     --ink:#f3e9e6; --mut:#c39a8e; --accent:#ff7a45; --accent2:#c2410c; --ember:#ff5722;
   }
+  /* LIGHT mode surface flips — keep the bespoke fire/ember ACCENT, only re-point generic
+     surfaces to light so day mode has no dark islands (Cycle-6 lesson). Accents unchanged. */
+  html[data-theme="light"]{
+    --bg:#fff4ef; --panel:#ffffff; --panel2:#fff0e9; --edge:#f0d3c6;
+    --ink:#2a1712; --mut:#8a5c48;
+  }
   *{box-sizing:border-box}
-  body{margin:0;background:linear-gradient(180deg,#160f0d,#1c1210);color:var(--ink);
+  body{margin:0;background:var(--bg);color:var(--ink);
        font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;min-height:100vh}
   .wrap{max-width:1080px;margin:0 auto;padding:40px 20px 80px}
   header.top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
@@ -35,17 +42,18 @@
   .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
   a.city{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--ink);
     background:var(--panel2);border:1px solid var(--edge);border-radius:10px;padding:12px 14px;transition:.12s}
-  a.city:hover{border-color:var(--accent);background:#33201a;transform:translateY(-1px)}
+  a.city:hover{border-color:var(--accent);background:var(--panel);transform:translateY(-1px)}
   a.city.empty{opacity:.55}
   a.city .nm{font-weight:600}
   a.city .host{display:block;color:var(--mut);font-size:12px;margin-top:2px;font-weight:400}
-  a.city .n{flex:0 0 auto;font-size:12px;color:var(--mut);background:#1c1210;border:1px solid var(--edge);border-radius:20px;padding:2px 9px}
+  a.city .n{flex:0 0 auto;font-size:12px;color:var(--mut);background:var(--bg);border:1px solid var(--edge);border-radius:20px;padding:2px 9px}
   a.city .n.has{color:#ffcaa8;border-color:var(--accent2)}
   .links{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
   .links a{color:#ffb38a;text-decoration:none;border:1px solid var(--edge);border-radius:8px;padding:6px 12px;font-size:13px}
   .links a:hover{border-color:var(--accent)}
   footer{color:var(--mut);font-size:12px;margin-top:30px}
 </style>
+  <link rel="stylesheet" href="/crcp-theme.css"><!-- CRCP day/night tokens: load LAST so html[data-theme] wins -->
 </head>
 <body>
 <div class="wrap">
@@ -131,5 +139,7 @@ document.getElementById('go').addEventListener('click', open);
 sel.addEventListener('keydown', function (e) { if (e.key === 'Enter') open(); });
 render();
 </script>
+  <script src="/crcp-theme.js" defer></script><!-- CRCP day/night toggle (auto-injects into header) -->
+  <script src="/corner-nav.js" defer></script>
 </body>
 </html>

← b977341 TK-10703 cycle7: document canonical CRCP UI standard + data- · back to Commercialrealestate · TK-10703 cycle7: recities → corner-nav + day/night theme (ac 184e5b1 →