Add background color to chat agent icon so it doesn't overlap copilot icon (#203256)

This commit is contained in:
Rob Lourens 2024-01-23 20:52:56 -03:00 committed by GitHub
parent ad9447df57
commit 0955a9d9d5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 5 additions and 0 deletions

View file

@ -42,6 +42,7 @@
"--vscode-chat-requestBorder",
"--vscode-chat-slashCommandBackground",
"--vscode-chat-slashCommandForeground",
"--vscode-chat-list-background",
"--vscode-checkbox-background",
"--vscode-checkbox-border",
"--vscode-checkbox-foreground",

View file

@ -32,6 +32,7 @@ import { IChatContributionService } from 'vs/workbench/contrib/chat/common/chatC
import { ChatModelInitState, IChatModel } from 'vs/workbench/contrib/chat/common/chatModel';
import { IChatReplyFollowup, IChatService } from 'vs/workbench/contrib/chat/common/chatService';
import { ChatViewModel, IChatResponseViewModel, isRequestVM, isResponseVM, isWelcomeVM } from 'vs/workbench/contrib/chat/common/chatViewModel';
import { IThemeService } from 'vs/platform/theme/common/themeService';
const $ = dom.$;
@ -138,6 +139,7 @@ export class ChatWidget extends Disposable implements IChatWidget {
@IChatAccessibilityService private readonly _chatAccessibilityService: IChatAccessibilityService,
@IInstantiationService private readonly _instantiationService: IInstantiationService,
@ILogService private readonly _logService: ILogService,
@IThemeService private readonly _themeService: IThemeService
) {
super();
CONTEXT_IN_CHAT_SESSION.bindTo(contextKeyService).set(true);
@ -439,6 +441,7 @@ export class ChatWidget extends Disposable implements IChatWidget {
private onDidStyleChange(): void {
this.container.style.setProperty('--vscode-interactive-result-editor-background-color', this.editorOptions.configuration.resultEditor.backgroundColor?.toString() ?? '');
this.container.style.setProperty('--vscode-interactive-session-foreground', this.editorOptions.configuration.foreground?.toString() ?? '');
this.container.style.setProperty('--vscode-chat-list-background', this._themeService.getColorTheme().getColor(this.styles.listBackground)?.toString() ?? '');
}
setModel(model: IChatModel, viewState: IChatViewState): void {

View file

@ -115,6 +115,7 @@
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--vscode-chat-list-background);
}
.interactive-item-container .header .avatar .codicon {