Skip to content

Align chat welcome view styles to other empty states#297461

Merged
daviddossett merged 2 commits intomainfrom
ddossett/increasing-bass
Feb 25, 2026
Merged

Align chat welcome view styles to other empty states#297461
daviddossett merged 2 commits intomainfrom
ddossett/increasing-bass

Conversation

@daviddossett
Copy link
Copy Markdown
Collaborator

@daviddossett daviddossett commented Feb 24, 2026

Aligns chat welcome view styles with other welcome views (e.g. integrated browsers) for consistency

CleanShot 2026-02-24 at 11 53 49@2x

Copilot AI review requested due to automatic review settings February 24, 2026 19:57
@daviddossett daviddossett changed the title Style chat welcome view to match integrated browser Align chat welcome view styles to other empty states Feb 24, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the chat welcome view styling to match the integrated browser's welcome view, creating a more consistent visual experience across the application. The changes primarily involve adjusting font sizes, colors, spacing, and margins to align with the established browser welcome view design pattern.

Changes:

  • Updated chat welcome view CSS to match browser welcome view styling (icon, title, message, disclaimer, and suggested prompts)
  • Removed trailing period from disclaimer text for a lighter, less formal tone

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
src/vs/workbench/contrib/chat/browser/widget/media/chatViewWelcome.css Updated welcome view styling to match integrated browser: icon (40px with descriptionForeground color), title (13px, font-weight 600), message and disclaimer (12px with updated colors and spacing), suggested prompts (smaller dimensions and font sizes), and removed text-transform from provider label
src/vs/workbench/contrib/chat/browser/widget/chatWidget.ts Removed trailing period from disclaimer text "AI responses may be inaccurate" to create a lighter, less formal tone
Comments suppressed due to low confidence (1)

src/vs/workbench/contrib/chat/browser/widget/media/chatViewWelcome.css:119

  • The paragraph margin styling here differs from the integrated browser's welcome view. The browser welcome view uses margin-top: 8px; margin-bottom: 8px; for paragraphs within the subtitle (see browser.css lines 348-350), but this change sets margin: 0;. For consistency with the integrated browser styling that this PR aims to match, consider using the same paragraph margin values.
		p {
			margin: 0;
		}

@daviddossett daviddossett marked this pull request as ready for review February 25, 2026 22:32
@vs-code-engineering vs-code-engineering bot added this to the February 2026 milestone Feb 25, 2026
@daviddossett daviddossett merged commit 70ef2c7 into main Feb 25, 2026
20 checks passed
@daviddossett daviddossett deleted the ddossett/increasing-bass branch February 25, 2026 22:48
@vs-code-engineering vs-code-engineering bot locked and limited conversation to collaborators Apr 13, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants