Admin UI: dark-theme text contrast too low (Documents / Size / Segments / schema field names illegible) #24

New issue

Closed

opened 2026-05-13 06:51:25 +00:00 by zaelgohary · 0 comments

zaelgohary commented

2026-05-13 06:51:25 +00:00

Member

When viewing HeroIndex Admin in dark theme, several text values render as very dark gray on a dark surface:

Documents:, Size:, Segments: value text in Database Overview
Schema table column 'Field' values (id, title, body)

Visually the values almost vanish; only the labels are legible. See attached screenshot from the Hero OS per-feature QA audit (tasks/e2e/screenshots/per_feature/indexer_01.png).

Fix

The CSS rule for these labels likely uses a hardcoded light-mode muted color (e.g. #6c757d) without a dark-mode counterpart. Add a CSS variable / data-theme override so the muted text is at least #9ca3af (or use Bootstrap's .text-muted with proper dark-theme variant).

Repro

Run hero_indexer admin.
Open /hero_indexer/ui/ (e.g. via Hero OS dock -> Admin -> Indexer).
Database Overview values appear faded.

When viewing HeroIndex Admin in dark theme, several text values render as very dark gray on a dark surface: - `Documents:`, `Size:`, `Segments:` value text in Database Overview - Schema table column 'Field' values (id, title, body) Visually the values almost vanish; only the labels are legible. See attached screenshot from the Hero OS per-feature QA audit (`tasks/e2e/screenshots/per_feature/indexer_01.png`). ## Fix The CSS rule for these labels likely uses a hardcoded light-mode muted color (e.g. `#6c757d`) without a dark-mode counterpart. Add a CSS variable / data-theme override so the muted text is at least `#9ca3af` (or use Bootstrap's `.text-muted` with proper dark-theme variant). ## Repro 1. Run hero_indexer admin. 2. Open /hero_indexer/ui/ (e.g. via Hero OS dock -> Admin -> Indexer). 3. Database Overview values appear faded.