refactor agentitlebarstatuswidget css for more consistent theming support

[joshspicer]

• Testing against built-in themes (Dark/light/HC) and some select custom themes.
• Removes duplicated css properties
• Respects title bar color settings as a user would expect, eg:

    "workbench.colorCustomizations": {
        "titleBar.activeBackground": "#2196F3",
        "titleBar.activeForeground": "#FFFFFF"
    },

fixes #289830

Screen.Recording.2026-01-26.at.11.57.38.AM.mov

[vs-code-engineering]

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@bpasero

Matched files:

• src/vs/workbench/contrib/chat/browser/agentSessions/experiments/media/agenttitlebarstatuswidget.css

[Copilot]

Pull request overview

Refactors the Agent Title Bar Status Widget CSS to align styling with Command Center theme tokens so the widget respects title bar color customizations and reduces duplicated styling.

Changes:

• Switched pill/badge colors to use --vscode-commandCenter-* tokens for more consistent theming behavior.
• Consolidated duplicated layout/typography/icon rules and simplified selectors.
• Adjusted high-contrast behavior for badge hover/filtered states.

Comments suppressed due to low confidence (1)

src/vs/workbench/contrib/chat/browser/agentSessions/experiments/media/agenttitlebarstatuswidget.css:237

• .agent-status-badge-section.filtered changes the background to --vscode-inputOption-activeBackground but doesn’t set the matching foreground (--vscode-inputOption-activeForeground). This can make the count/icon unreadable in themes where active background expects a different foreground.

.agent-status-badge-section.filtered {
	background-color: var(--vscode-inputOption-activeBackground);
}