Settings inputs render with light background under data-bs-theme=dark #10

Closed
opened 2026-05-27 15:20:44 +00:00 by mik-tf · 1 comment
Owner

On the tester cockpit /hero_cockpit/web/settings page, several form inputs render with a noticeably lighter background than the surrounding dark panel:

  • The four BYO AI keys provider inputs (paste new key...).
  • The "Public exposure base domain" subdomain input (herodemo.gent01.grid.tf).

The page-level data-bs-theme is set to dark via base.html, and other components (cards, tables, alerts) honor it correctly. Only <input> elements look off. Likely missing class="form-control" or carrying a hard-coded bg-white/bg-light class on those inputs.

Surface: crates/hero_cockpit_web/templates/settings.html (or whichever fragment renders the BYO keys table and the base-domain form).

Repro: open https://hcockpit.gent01.qa.grid.tf/hero_cockpit/web/settings after SSO sign-in in a browser with default (dark) theme. Inputs render light-on-dark.

Other cockpit_web pages (services, manual, feedback, about) render dark-theme correctly per the s169 walk.

Surfaced during s169 e2e tester walk (home#238).

On the tester cockpit `/hero_cockpit/web/settings` page, several form inputs render with a noticeably lighter background than the surrounding dark panel: - The four BYO AI keys provider inputs (`paste new key...`). - The "Public exposure base domain" subdomain input (`herodemo.gent01.grid.tf`). The page-level `data-bs-theme` is set to dark via base.html, and other components (cards, tables, alerts) honor it correctly. Only `<input>` elements look off. Likely missing `class="form-control"` or carrying a hard-coded `bg-white`/`bg-light` class on those inputs. Surface: `crates/hero_cockpit_web/templates/settings.html` (or whichever fragment renders the BYO keys table and the base-domain form). Repro: open `https://hcockpit.gent01.qa.grid.tf/hero_cockpit/web/settings` after SSO sign-in in a browser with default (dark) theme. Inputs render light-on-dark. Other cockpit_web pages (services, manual, feedback, about) render dark-theme correctly per the s169 walk. Surfaced during s169 e2e tester walk (home#238).
Author
Owner

Fixed by squash-merge 08e7788 on development. Dropped table-light from the thead on settings / about / services so the table header inherits data-bs-theme=dark. Live verification queued for s170 redeploy.

Fixed by squash-merge `08e7788` on `development`. Dropped `table-light` from the thead on settings / about / services so the table header inherits `data-bs-theme=dark`. Live verification queued for s170 redeploy.
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_cockpit#10
No description provided.