Repository navigation
Describe the info bar appearance in Visual Studio 2026 - #11461
Open
Andrii Chebukin (xperiandri) wants to merge 2 commits into
Open
Andrii Chebukin (xperiandri) wants to merge 2 commits into
Andrii Chebukin (xperiandri) wants to merge 2 commits into
Conversation
The notifications recipe calls the Info Bar a yellow bar, and the UX guidelines show the yellow infobar of earlier versions. In Visual Studio 2026 an info bar has a neutral background, and a warning, error, or success status icon gives it the caution, critical, or success color. - Notifications recipe: drop "yellow" and add a note about the icon-based color. - UX guidelines: add a note that names the color tokens, and a current screenshot. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
prmerger-automator
Bot
requested review from
Mads Kristensen (madskristensen) and
Tina Schrepfer (tinaschrepfer)
October 13, 2026 23:12
Contributor
|
Andrii Chebukin (@xperiandri) : Thanks for your contribution! The author(s) and reviewer(s) have been notified to review your proposed change. |
Contributor
|
Andrii Chebukin (@xperiandri) : Thanks for your contribution! The author(s) and reviewer(s) have been notified to review your proposed change. |
Contributor
There was a problem hiding this comment.
🟡 Changes recommended
The new text uses “Visual Studio 2026” instead of the required versionless product name.
2 open findings
What changed in this PR
Updates extensibility guidance to describe the current Info Bar appearance and icon-driven colors.
Changes:
- Documents neutral and status-specific Info Bar backgrounds.
- Adds a current screenshot and theme-token references.
| File | Description |
|---|---|
docs/extensibility/vsix/recipes/notifications.md |
Updates Info Bar appearance guidance. |
docs/extensibility/ux-guidelines/notifications-and-progress-for-visual-studio.md |
Adds current styling details and screenshot. |
🧠 Review effort: Balanced
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
| **Infobars in Visual Studio** | ||
|
|
||
| > [!NOTE] | ||
| > The image shows the infobar of earlier versions of Visual Studio. Starting with Visual Studio 2026, an infobar is a rounded card with a neutral background, and its icon sets its color: the warning, error, and success status icons (`KnownMonikers.StatusWarning`, `KnownMonikers.StatusError`, and `KnownMonikers.StatusOK`) give the infobar the caution, critical, and success background. The guidance in this section about usage, placement, and stacking still applies. For the color values, see `EnvironmentLayeredBackground`, `EnvironmentLayeredBorder`, `SystemFillCautionBackground`, `SystemFillCriticalBackground`, and `SystemFillSuccessBackground` in [Visual Studio theme color tokens](theme-color-token-reference.md). |
| An Info Bar is a bar at the top of a tool- or document window. It's useful for grabbing the attention of the user without blocking them. An Info Bar can contain an icon, text, and several hyperlinks. | ||
|
|
||
| > [!NOTE] | ||
| > The screenshots in this section show the yellow Info Bar of earlier versions of Visual Studio. Starting with Visual Studio 2026, an Info Bar has a neutral background, and the icon you pass to the `InfoBarModel` sets its color: `KnownMonikers.StatusWarning`, `KnownMonikers.StatusError`, and `KnownMonikers.StatusOK` give the Info Bar the caution, critical, and success background. For the color values, see [Visual Studio theme color tokens](../../ux-guidelines/theme-color-token-reference.md). |
Contributor
|
Learn Build status updates of commit 5627aee: ✅ Validation status: passed
For more details, please refer to the build report. |
Contributor
|
Mads Kristensen (@madskristensen), Tina Schrepfer (@tinaschrepfer) Can you review the proposed changes? Important: When the changes are ready for publication, adding a #label:"aq-pr-triaged" |
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Contributor
|
Learn Build status updates of commit 6e4bee1: ✅ Validation status: passed
For more details, please refer to the build report. |
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
Two extensibility articles describe the info bar as it looked before Visual Studio 2026:
In Visual Studio 2026 the info bar is a rounded card with a neutral background (
EnvironmentLayeredBackground), and a warning, error, or success status icon switches it to the caution, critical, or success background. An extension author who reads these articles cannot tell that the icon now decides the color.Change
version-control/media/visualstudio/git-create-pull-request-infobar-two-links.png, so no image is added.The guidance about usage, placement, and stacking is unchanged.
How it was checked
EnvironmentLayeredBackgroundandEnvironmentLayeredBorder, and switches the background toSystemFillCriticalBackground,SystemFillSuccessBackground, orSystemFillCautionBackgroundwhen the icon isKnownMonikers.StatusError,StatusOK, orStatusWarning.Please correct the wording if the icon-to-color mapping is meant to be an implementation detail rather than documented behavior.
🤖 Generated with Claude Code