Fix HK sidebar menu text readability
Local Build and Deploy / deploy (push) Successful in 58s

- Derive sidebar text color from the main admin text against the actual
  sidebar background (not canvas/surface), guaranteeing contrast
- Brighten muted sidebar text to 82% of the readable text color so
  inactive nav items and section labels stay clearly visible
This commit is contained in:
openhands committed 2026-07-13 20:10:52 +02:00
1 parent cb4a6a8f3e
commit d2243b5611
2 files changed
+2 -2

No files matched your search

+1 -1
View File
@@ -62,7 +62,7 @@ export function deriveAdminPalette(
warning: overrides.warning ?? defaults.warning,
error: overrides.error ?? defaults.error,
info: overrides.info ?? defaults.info,
sidebarText: readableColor(overrides.sidebar ?? defaults.sidebar, [overrides.canvas ?? defaults.canvas, overrides.surface ?? defaults.surface]),
sidebarText: readableColor(overrides.text ?? defaults.text, [overrides.sidebar ?? defaults.sidebar, overrides.canvas ?? defaults.canvas, overrides.surface ?? defaults.surface]),
overlay: defaults.overlay,
focusRing: accent,
};
+1 -1
View File
@@ -34,7 +34,7 @@ export function adminPaletteCss(admin: AdminPalette): string {
const parts: string[] = [
`--admin-sidebar-background:${admin.sidebar};`,
`--admin-sidebar-text-readable:${admin.sidebarText};`,
`--admin-sidebar-muted-readable:color-mix(in srgb, ${admin.sidebarText}, ${admin.sidebar} 38%);`,
`--admin-sidebar-muted-readable:color-mix(in srgb, var(--admin-sidebar-text-readable) 82%, transparent);`,
`--admin-input-text-readable:${readableColor(admin.text, [admin.canvas, admin.surface])};`,
`--admin-canvas:${admin.canvas};`,
`--admin-surface:${admin.surface};`,