microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-07-09 09:24:12 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

feat: enhance chat and sessions UI with new color tokens and styling adjustments

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
mrleemurray
2026-04-15 11:20:53 +01:00
parent 9e91503359
commit cf1cbf74e3
3 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
extensions/theme-defaults/themes/2026-dark.json
View File

@@ -272,6 +272,38 @@
"minimapSlider.background": "#83848533",
"minimapSlider.hoverBackground": "#83848566",
"minimapSlider.activeBackground": "#83848599",
"sessionsSidebar.background": "#121314",
"sessionsSidebar.foreground": "#bfbfbf",
"sessionsSidebar.border": "#2A2B2CFF",
"sessionsSidebarHeader.background": "#121314",
"sessionsSidebarHeader.foreground": "#bfbfbf",
"sessionsAuxiliaryBar.background": "#191A1B",
"sessionsAuxiliaryBar.foreground": "#bfbfbf",
"sessionsAuxiliaryBar.border": "#2A2B2CFF",
"sessionsPanel.background": "#191A1B",
"sessionsPanel.foreground": "#bfbfbf",
"sessionsPanel.border": "#2A2B2CFF",
"chatBar.background": "#191A1B",
"chatBar.foreground": "#bfbfbf",
"chatBar.border": "#2A2B2CFF",
"chatBarTitle.background": "#121314",
"chatBarTitle.foreground": "#bfbfbf",
"chatBarTab.activeForeground": "#bfbfbf",
"chatBarTab.inactiveForeground": "#8C8C8C",
"chatBarTab.activeBorder": "#3994BC",
"sessionsCard.border": "#2A2B2CFF",
"sessionsGradient.tintColor": "#297AA0",
"chatInput.background": "#202122",
"chatInput.foreground": "#bfbfbf",
"chatInput.border": "#333536",
"chatInput.focusBorder": "#3994BCB3",
"chatInput.placeholderForeground": "#555555",
"sessionsBadge.background": "#3994BC",
"sessionsBadge.foreground": "#FFFFFF",
"sessionsUnreadBadge.background": "#3994BC",
"sessionsUnreadBadge.foreground": "#FFFFFF",
"sessionsInput.border": "#333536FF"
},
"tokenColors": [
{

7
src/vs/sessions/browser/media/style.css
View File

@@ -209,11 +209,18 @@
.agent-sessions-workbench .interactive-session .chat-input-container {
border-radius: var(--vscode-cornerRadius-large);
border-color: var(--vscode-chatInput-border, var(--vscode-editorWidget-border, var(--vscode-widget-border))) !important;
background-color: var(--vscode-chatInput-background, var(--vscode-input-background));
}
.agent-sessions-workbench .interactive-session .chat-input-container.focused {
border-color: var(--vscode-chatInput-focusBorder, var(--vscode-focusBorder)) !important;
}
/* Make the Monaco editor inside the chat input transparent so it inherits the chatInput.background */
.agent-sessions-workbench .interactive-session .interactive-input-part .chat-editor-container .interactive-input-editor .monaco-editor,
.agent-sessions-workbench .interactive-session .interactive-input-part .chat-editor-container .interactive-input-editor .monaco-editor .monaco-editor-background {
background-color: transparent !important;
}
.agent-sessions-workbench .interactive-session .interactive-input-part {
width: 100%;
max-width: 950px;

2
src/vs/sessions/contrib/chat/browser/media/chatInput.css
View File

@@ -64,7 +64,7 @@
.sessions-chat-editor .monaco-editor,
.sessions-chat-editor .monaco-editor .overflow-guard,
.sessions-chat-editor .monaco-editor-background {
background-color: var(--vscode-input-background) !important;
background-color: transparent !important;
border-radius: 8px 8px 0 0;
}