Skip to content

Comments

Chat input styling: border radius, icon colors, toolbar tweaks#294351

Merged
daviddossett merged 7 commits intomainfrom
daviddossett/chat-input-styling
Feb 17, 2026
Merged

Chat input styling: border radius, icon colors, toolbar tweaks#294351
daviddossett merged 7 commits intomainfrom
daviddossett/chat-input-styling

Conversation

@daviddossett
Copy link
Collaborator

@daviddossett daviddossett commented Feb 11, 2026

  • Use cornerRadius-large for chat input container and attachment bar
  • Swap send icon to arrowUp
  • Use descriptionForeground for toolbar icons and picker labels
  • Add editor view-lines padding
  • Update descriptionForeground to #888888 in 2026 dark theme

Copilot AI review requested due to automatic review settings February 11, 2026 03:45
Copy link
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 input UI styling and labeling to better align with VS Code’s design system tokens (corner radius + foreground colors), and refreshes some toolbar/icon affordances in the chat input experience.

Changes:

  • Update chat input container + editing-session container to use --vscode-cornerRadius-large, and adjust chat editor padding.
  • Refresh chat execute/queue UI to use Codicon.arrowUp instead of Codicon.send.
  • Tweak toolbar/picker colors to use --vscode-descriptionForeground, and add a “Copilot CLI” suffix label for background agent sessions.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File Description
src/vs/workbench/contrib/chat/browser/widget/media/chat.css Uses corner radius tokens, adjusts chat editor line padding, and overrides toolbar icon/label colors.
src/vs/workbench/contrib/chat/browser/widget/input/sessionTargetPickerActionItem.ts Adds “Copilot CLI” labeling for background agent session provider in picker UI.
src/vs/workbench/contrib/chat/browser/widget/input/chatQueuePickerActionItem.ts Replaces send icon with arrow-up icon for primary and “Stop and Send” actions.

@daviddossett daviddossett marked this pull request as ready for review February 11, 2026 04:09
@daviddossett daviddossett force-pushed the daviddossett/chat-input-styling branch from 449ba24 to eb0b724 Compare February 17, 2026 17:59
@vs-code-engineering vs-code-engineering bot added this to the February 2026 milestone Feb 17, 2026
@daviddossett daviddossett enabled auto-merge (squash) February 17, 2026 18:19
@daviddossett daviddossett merged commit 7d8ebbc into main Feb 17, 2026
18 checks passed
@daviddossett daviddossett deleted the daviddossett/chat-input-styling branch February 17, 2026 18:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants