Hard to see the background color of the number on the right of “Updates” and “Consolidate” tabs in the Dark theme

[v-luzh]

Details about Problem

VS Version: Main\31326.288
NuGet Version: Release-6.0.x\6.0.0.66
OS Version: Windows-10-Enterprise-21H1

Repro steps and/or sample project

1. Launch VS and create a solution with multiple projects.
2. Open Tools->Options->Environment and select the “Dark” in the “Color Theme” drop-down list.
3. Open the solution PM UI and install a package (with different versions) into difference projects.
4. Check the background color of the number on the right of “Updates” and “Consolidate” tabs.

Expected

The background color of the number on the right of “Updates” and “Consolidate” tabs in the Dark theme is easy to see (like what we did in Blend theme in the Blend for VS as below).

Actual

Hard to see the background color of the number on the right of “Updates” and “Consolidate” tabs in the Dark theme as below screenshot.

Note

Seems it is caused by Dark theme design changed in VS so I didn't provide the NuGet regression info. But we should update the background color for the new design changes.

[aortiz-msft]

@jebriede - Would you please take a look?

[v-luzh]

The bug doesn't repro on Main\31409.290 since the VS Dark theme design changed back as below.

[v-luzh]

Repro again on Main\31414.215.

[donnie-msft]

@aortiz-msft just a reminder to always add product & type labels as well :)

[donnie-msft]

I reached out to UX folks and they are actively working on styling, and are aware of this bug.

[aortiz-msft]

@donnie-msft @jebriede - What are the next steps for this one?

[donnie-msft]

@aortiz-msft I pinged UX team for an update.

[donnie-msft]

Self-assigning since I've been talking to UX.
They are supposed to work on this bug this week: https://devdiv.visualstudio.com/DevDiv/_workitems/edit/1385968?src=WorkItemMention&src-action=artifact_link