feat(mobile-chrome): meta theme-color cream/dark per prefers-color-scheme + apple-mobile-web-app status bar; mobile address bar now merges with page content instead of staying default-gray

3127fc6d3eec6e2ed49ef6d627064669625dd350 · 2026-05-14 17:01:19 -0700 · SteveStudio2

Files touched

M server.js

Diff

commit 3127fc6d3eec6e2ed49ef6d627064669625dd350
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Thu May 14 17:01:19 2026 -0700

    feat(mobile-chrome): meta theme-color cream/dark per prefers-color-scheme + apple-mobile-web-app status bar; mobile address bar now merges with page content instead of staying default-gray
---
 server.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/server.js b/server.js
index c4a47c0..559fdfb 100644
--- a/server.js
+++ b/server.js
@@ -2275,6 +2275,12 @@ function htmlHead({ title, description, canonical, ogImage = '', ogType = 'websi
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- Mobile browser chrome — Android/Chrome tints the address bar; iOS Safari
+     uses it for the status bar in standalone PWA mode. Cream in light mode,
+     dark accent in dark mode so the bar visually merges with page content. -->
+<meta name="theme-color" content="#faf8f3" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#0d0d0d" media="(prefers-color-scheme: dark)">
+<meta name="apple-mobile-web-app-status-bar-style" content="default">
 <title>${title}</title>
 <meta name="description" content="${description}">
 <link rel="canonical" href="${canonical}">

← 6ae4fd4 fix(/provenance): 301 redirect to /about (content merged); a · back to Wallco Ai · wallco generators: wire settlement gate into both launchd ti 6ae5721 →