Fix chat input border colors and animation duration#311933
Merged
mrleemurray merged 2 commits intomainfrom Apr 22, 2026
Merged
Conversation
… color brightness Co-authored-by: Copilot <copilot@github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
Adjusts chat input “working” border color tokens to better align with button theming and speeds up the Sessions send-button gradient rotation to improve perceived responsiveness.
Changes:
- Updated
chat.inputWorkingBorderColor{1,2,3}defaults to derive frombutton.background(with lighten/darken transforms). - Reduced the experimental Sessions send-button gradient rotation animation duration from 18s to 8s.
- Updated 2026 light/dark default theme overrides for the three chat input working border colors.
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.
| File | Description |
|---|---|
| src/vs/workbench/contrib/chat/common/widget/chatColors.ts | Derives chat input working border color tokens from button.background (and transforms) for improved visibility/consistency. |
| src/vs/sessions/contrib/chat/browser/media/chatInput.css | Speeds up the gradient rotation animation for the Sessions send button. |
| extensions/theme-defaults/themes/2026-light.json | Updates 2026 light theme values for chat input working border colors. |
| extensions/theme-defaults/themes/2026-dark.json | Updates 2026 dark theme values for chat input working border colors. |
mjbvz
approved these changes
Apr 22, 2026
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.
This pull request updates the animated border colors for the chat input component to better align with the button background color, ensuring a more consistent and visually appealing theme across both light and dark modes. Additionally, it speeds up the chat send button's spinning animation for a snappier user experience.
Theme and color improvements:
chat.inputWorkingBorderColor1,chat.inputWorkingBorderColor2, andchat.inputWorkingBorderColor3inchatColors.tsto derive their values from thebuttonBackgroundcolor, usingdarkenandlightenutilities for secondary and tertiary colors. This ensures the chat input border colors are consistent with button styling across themes.chat.inputWorkingBorderColor1,chat.inputWorkingBorderColor2, andchat.inputWorkingBorderColor3in both2026-dark.jsonand2026-light.jsonto match the new color scheme, further aligning theme files with the updated color logic. [1] [2]buttonBackground,darken, andlighteninchatColors.tsto support the new color calculations.UI/Animation tweaks:
chat-send-button-spinanimation from 18 seconds to 8 seconds inchatInput.css, making the send button's activity indicator more responsive and noticeable. [1] [2]