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

Open
opened 2026-03-07 05:13:28 +00:00 by mik-tf · 0 comments
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
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
lhumina_code/hero_aibroker#17
No description provided.