diff --git a/extensions/theme-defaults/themes/2026-dark.json b/extensions/theme-defaults/themes/2026-dark.json index 9427640c404..0b70584fe0a 100644 --- a/extensions/theme-defaults/themes/2026-dark.json +++ b/extensions/theme-defaults/themes/2026-dark.json @@ -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": [ { diff --git a/src/vs/sessions/browser/media/style.css b/src/vs/sessions/browser/media/style.css index 63fa40b0bd6..0813d54f32d 100644 --- a/src/vs/sessions/browser/media/style.css +++ b/src/vs/sessions/browser/media/style.css @@ -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; diff --git a/src/vs/sessions/contrib/chat/browser/media/chatInput.css b/src/vs/sessions/contrib/chat/browser/media/chatInput.css index 12e00dce02f..6ee49fb5a3b 100644 --- a/src/vs/sessions/contrib/chat/browser/media/chatInput.css +++ b/src/vs/sessions/contrib/chat/browser/media/chatInput.css @@ -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; }