AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mesh:Tool: restore light mode + follow the CMMS theme

Browse source 
Upstream 913977ec hard-wired set_darkmode() to dark and rewrote
web/mesh/index.css to be dark-only. Restored the dark-conditional body of
set_darkmode() from 913977ec^; the boot call now takes its arg from
MESH_TOOL_CONFIG.dark (parsed from a new cmms_dark=1|0 query param that
public/mesh-edit.php sets from theme_is_dark()), defaulting to dark when
absent so the freestanding app is unchanged. Added a scoped
#app:not(.dark) light-chrome layer to index.css (additive; never matches
in the always-dark freestanding app).
This commit is contained in:
Stuart 2026-08-31 11:42:07 +10:00
commit ba806a55af
2 changed files with 55 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

27
web/mesh/index.css
View file

@ -925,3 +925,30 @@ button:hover {
@keyframes spin {
to { transform: rotate(360deg) }
}
/* CMMS patch (not upstream): commit 913977ec made this stylesheet dark-only -
it baked the dark palette into the base rules and deleted every .dark
selector. The 3D scene follows the CMMS light/dark theme via set_darkmode()
(src/main/mesh.js); this re-lights the surrounding chrome when the CMMS
theme is light, keyed on #app NOT carrying the .dark class set_darkmode()
toggles. Additive and scoped - the freestanding app is always dark, so
#app:not(.dark) never matches there. Not exhaustive - transient surfaces
(boot curtain, spinner) stay dark. */
#app:not(.dark) {
--accent: #2563eb;
--menu-blue: #2563eb;
--menu-back: rgba(248,250,252,0.97);
--border: #cbd5e1;
background: #f1f5f9;
color: #1e293b;
}
#app:not(.dark) #container { background: #f1f5f9; }
#app:not(.dark) #top { color: #1e293b; }
#app:not(.dark) #top-doc-name { border-color: #cbd5e1; background-color: #e2e8f0; }
#app:not(.dark) #top-doc-name:hover { background-color: rgba(0,0,0,0.08); }
#app:not(.dark) #modal_frame { background-color: rgba(248,250,252,0.97); color: #1e293b; }
#app:not(.dark) #modal_title { color: #1e293b; background-color: rgba(226,232,240,0.9); }
#app:not(.dark) #modal_title_close { color: #64748b; }
#app:not(.dark) #modal_title_close:hover { color: #1e293b; }
#app:not(.dark) .menu-items > div:hover { color: #1e293b; }
#app:not(.dark) #logger { color: #334155; }