Phase 3: Iframe theme sync — remove hardcoded dark-mode styles #17

New issue

Closed

opened 2026-03-07 05:13:28 +00:00 by mik-tf · 1 comment

mik-tf commented

2026-03-07 05:13:28 +00:00

Owner

Summary

Part of Hero OS Production Readiness (home#5) Phase 3.

Remove hardcoded dark-mode Bootstrap classes (bg-dark, text-white, navbar-dark) from all admin UI templates and replace with theme-aware equivalents (bg-body-secondary, text-body). Add bsMap receiver JS for hero:theme postMessage protocol so the admin UI follows the Hero OS shell theme.

Changes

base.html: Removed data-bs-theme="dark", replaced hardcoded hex colors with CSS vars, added bsMap receiver
chat_pane.html, logs_pane.html, models_pane.html: Replaced bg-dark text-white with bg-body-secondary text-body
api_docs.html: Replaced 14 bg-dark accordion items
index.html: Replaced dark input classes

Testing

Toggle light/dark mode in Hero OS Settings
All AI Broker tabs should follow the theme

## Summary Part of Hero OS Production Readiness (home#5) Phase 3. Remove hardcoded dark-mode Bootstrap classes (`bg-dark`, `text-white`, `navbar-dark`) from all admin UI templates and replace with theme-aware equivalents (`bg-body-secondary`, `text-body`). Add `bsMap` receiver JS for `hero:theme` postMessage protocol so the admin UI follows the Hero OS shell theme. ## Changes - `base.html`: Removed `data-bs-theme="dark"`, replaced hardcoded hex colors with CSS vars, added bsMap receiver - `chat_pane.html`, `logs_pane.html`, `models_pane.html`: Replaced `bg-dark text-white` with `bg-body-secondary text-body` - `api_docs.html`: Replaced 14 `bg-dark` accordion items - `index.html`: Replaced dark input classes ## Testing - Toggle light/dark mode in Hero OS Settings - All AI Broker tabs should follow the theme