fix(ui): resolve light-theme low-contrast semantic text app-wide (#1909)

The app was built dark-first, so hundreds of hardcoded Tailwind semantic
text/icon utilities at light shades (text-amber-400, text-blue-300, ...) had
no dark: variant. With darkMode:'class' they applied in light theme too,
producing washed-out text on pale tints and white cards — including the three
reported spots (AMS Drying banner, Archives no-3MF warning, debug-logging
banner). Give each a theme-aware pair: a darker readable shade in light theme
with the original pinned to dark:, so dark theme is unchanged. ~100 files.

The bambu-* CSS-variable palette (self-correcting) and the dark-only SpoolBuddy
kiosk are left untouched. Plain text-white is already theme-aware via the
existing index.css .text-white override, so it needed no changes.
This commit is contained in:
maziggy
2026-07-07 09:54:10 +02:00
parent 4af9da26f9
commit 1d344a8536
108 changed files with 834 additions and 833 deletions
@@ -353,9 +353,9 @@ export function QueueTimelineView({
<div className="w-32 sm:w-40 shrink-0 px-3 py-3 border-r border-bambu-dark-tertiary flex items-center gap-2">
<PrinterIcon className={`w-3.5 h-3.5 shrink-0 ${
lane.printerId == null && lane.targetModel == null
? 'text-orange-400'
? 'text-orange-600 dark:text-orange-400'
: lane.targetModel
? 'text-blue-400'
? 'text-blue-600 dark:text-blue-400'
: 'text-bambu-green'
}`} />
<span className="text-sm text-white truncate">{lane.label}</span>