Azure DevOps has a dark colour theme that many developers prefer. When Agile Analytics loads inside a dark-themed ADO instance, every view in the extension should match. Most views already did. Sprint Summary did not — the sprint cards rendered with light backgrounds, white surfaces, and dark text regardless of the ADO theme setting.
What Was Missing
The Sprint Summary card system is the most visually complex view in the extension. It has metric tiles in five tonal variants, breakdown columns for committed/added/removed items, a math explainer panel, a removed-items slide-out, a carryover badge, and a toolbar with a sprint selector. None of these responded to the dark theme before 3.7.2.
What Is Themed in 3.7.2
Every part of the Sprint Summary card stack now has dark mode coverage.
- Toolbar, sprint selector dropdown, and date chip badges.
- All five metric tile tonal variants: neutral, positive, warning, negative, and info.
- Breakdown card columns for committed, added, and removed items.
- Rule pills and the math explainer panel that shows scope change calculation.
- Team card shell, header bar, and sprint date display.
- Loading skeleton, error state, and empty state panels.
- Removed items slide-out panel and carryover count badge.
- Refresh and icon buttons throughout the card.
How It Works
The theme detection follows the same pattern used elsewhere in the extension — the .hub-root.theme-dark class applied by the ADO SDK drives all style overrides. No manual toggle is needed; the Sprint Summary cards switch automatically when ADO is in dark mode.
Dark mode Sprint Summary is available in Agile Analytics 3.7.2. Update from the VS Marketplace.