mirror of
https://github.com/QwenLM/qwen-code.git
synced 2025-12-19 09:33:53 +00:00
3053e6c41f
- Updated chat message container spacing and styling - Adjusted AssistantMessage text color handling - Enhanced QwenMessageTimeline CSS rules for better visual flow - Moved InfoBanner to ui directory for better organization - Updated InputForm styling - Added new CSS classes and updated tailwind configuration - Improved timeline connection lines and message item spacing These changes enhance the visual appearance and user experience of the chat interface.
63 lines
2.3 KiB
CSS
63 lines
2.3 KiB
CSS
/**
|
|
* @license
|
|
* Copyright 2025 Qwen Team
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*
|
|
* Styles extracted from Claude Code extension (v2.0.43)
|
|
* Path: /Users/jinjing/Downloads/Anthropic.claude-code-2.0.43/extension/webview/index.css
|
|
*/
|
|
|
|
/* Import component styles */
|
|
@import '../components/toolcalls/shared/DiffDisplay.css';
|
|
@import '../components/messages/AssistantMessage.css';
|
|
@import '../components/toolcalls/shared/SimpleTimeline.css';
|
|
@import '../components/messages/QwenMessageTimeline.css';
|
|
@import '../components/MarkdownRenderer.css';
|
|
|
|
|
|
/* ===========================
|
|
CSS Variables (from Claude Code root styles)
|
|
=========================== */
|
|
:root {
|
|
/* Colors */
|
|
--app-primary-foreground: var(--vscode-foreground);
|
|
--app-secondary-foreground: var(--vscode-descriptionForeground);
|
|
--app-primary-border-color: var(--vscode-panel-border);
|
|
--app-input-placeholder-foreground: var(--vscode-input-placeholderForeground);
|
|
|
|
/* Buttons */
|
|
--app-ghost-button-hover-background: var(--vscode-toolbar-hoverBackground);
|
|
|
|
/* Border Radius */
|
|
--corner-radius-small: 6px;
|
|
|
|
/* Header */
|
|
--app-header-background: var(--vscode-sideBar-background);
|
|
|
|
/* List Styles */
|
|
--app-list-padding: 0px;
|
|
--app-list-item-padding: 4px 8px;
|
|
--app-list-border-color: transparent;
|
|
--app-list-border-radius: 4px;
|
|
--app-list-hover-background: var(--vscode-list-hoverBackground);
|
|
--app-list-active-background: var(--vscode-list-activeSelectionBackground);
|
|
--app-list-active-foreground: var(--vscode-list-activeSelectionForeground);
|
|
--app-list-gap: 2px;
|
|
|
|
/* Menu Styles */
|
|
--app-menu-background: var(--vscode-menu-background);
|
|
--app-menu-border: var(--vscode-menu-border);
|
|
--app-menu-foreground: var(--vscode-menu-foreground);
|
|
--app-menu-selection-background: var(--vscode-menu-selectionBackground);
|
|
--app-menu-selection-foreground: var(--vscode-menu-selectionForeground);
|
|
|
|
/* Tool Call Styles */
|
|
--app-tool-background: var(--vscode-editor-background);
|
|
--app-code-background: var(--vscode-textCodeBlock-background);
|
|
|
|
/* Warning/Error Styles */
|
|
--app-warning-background: var(--vscode-editorWarning-background, rgba(255, 204, 0, 0.1));
|
|
--app-warning-border: var(--vscode-editorWarning-foreground, #ffcc00);
|
|
--app-warning-foreground: var(--vscode-editorWarning-foreground, #ffcc00);
|
|
}
|