Add agent session styling to various color themes#319328
Merged
Merged
Conversation
Co-authored-by: Copilot <copilot@github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
This PR extends multiple built-in color themes to explicitly style Agent Sessions UI elements, improving visual consistency in the sessions window across themes.
Changes:
- Added
agentsPanel.borderto align Agent Sessions panel borders with each theme’s palette. - Added
agentsChatInput.borderandagentsChatInput.focusBorderfor the Agent Sessions chat input styling. - Added
agentsNewSessionButton.borderfor consistent “New Session” button border styling.
Reviewed changes
Copilot reviewed 10 out of 10 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| extensions/theme-tomorrow-night-blue/themes/tomorrow-night-blue-color-theme.json | Adds Agent Sessions border and focus border tokens for Tomorrow Night Blue. |
| extensions/theme-solarized-light/themes/solarized-light-color-theme.json | Adds Agent Sessions border and focus border tokens for Solarized Light. |
| extensions/theme-solarized-dark/themes/solarized-dark-color-theme.json | Adds Agent Sessions border and focus border tokens for Solarized Dark. |
| extensions/theme-red/themes/Red-color-theme.json | Adds Agent Sessions border and focus border tokens for Red theme. |
| extensions/theme-quietlight/themes/quietlight-color-theme.json | Adds Agent Sessions border and focus border tokens for Quiet Light. |
| extensions/theme-monokai/themes/monokai-color-theme.json | Adds Agent Sessions border and focus border tokens for Monokai. |
| extensions/theme-monokai-dimmed/themes/dimmed-monokai-color-theme.json | Adds Agent Sessions border and focus border tokens for Monokai Dimmed. |
| extensions/theme-kimbie-dark/themes/kimbie-dark-color-theme.json | Adds Agent Sessions border and focus border tokens for Kimbie Dark. |
| extensions/theme-defaults/themes/dark_vs.json | Adds Agent Sessions border and focus border tokens for Dark (Visual Studio). |
| extensions/theme-abyss/themes/abyss-color-theme.json | Adds Agent Sessions border and focus border tokens for Abyss. |
Contributor
Screenshot ChangesBase: Changed (35)
|
| Before | After |
|---|---|
 |
 |
sessions/aiCustomizationShortcutsWidget/Collapsed/Dark
| Before | After |
|---|---|
 |
 |
sessions/aiCustomizationShortcutsWidget/WithMcpServers/Dark
| Before | After |
|---|---|
 |
 |
sessions/aiCustomizationShortcutsWidget/CollapsedWithMcpServers/Dark
| Before | After |
|---|---|
 |
 |
sessions/aiCustomizationShortcutsWidget/WithCounts/Dark
| Before | After |
|---|---|
 |
 |
sessions/aiCustomizationShortcutsWidget/ModeWelcome/Dark
| Before | After |
|---|---|
|
|
sessions/aiCustomizationShortcutsWidget/ModeSection/Dark
| Before | After |
|---|---|
|
|
sessions/aiCustomizationShortcutsWidget/ModeSingle/Dark
| Before | After |
|---|---|
 |
 |
sessions/aiCustomizationShortcutsWidget/ModeSingleEmpty/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/WelcomePage/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/LocalHarness/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/CliHarness/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/Sessions/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/SessionsSkillsTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTab/Dark
| Before | After |
|---|---|
|
|
chat/aiCustomizations/aiCustomizationManagementEditor/SkillsTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/InstructionsTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/HooksTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTab/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTabScrolled/Dark
| Before | After |
|---|---|
|
|
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTabScrolled/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTabScrolled/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTabNarrow/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTabNarrow/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsItemPreview/Dark
| Before | After |
|---|---|
|
|
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsItemRaw/Dark
| Before | After |
|---|---|
|
|
chat/aiCustomizations/aiCustomizationManagementEditor/BuiltinSkillItemPreview/Dark
| Before | After |
|---|---|
|
|
chat/aiCustomizations/aiCustomizationManagementEditor/BuiltinSkillItemRaw/Dark
| Before | After |
|---|---|
|
|
chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetail/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetailNarrow/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetail/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetailNarrow/Dark
| Before | After |
|---|---|
 |
 |
chat/aiCustomizations/aiCustomizationWelcomePages/WelcomePage/Dark
| Before | After |
|---|---|
 |
 |
dbaeumer
approved these changes
Jun 1, 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.
Enhance the visual consistency of agent sessions across multiple color themes by adding specific styling for agent panels, chat inputs, and session buttons. This update improves the user experience by ensuring a cohesive look and feel.