ViperEkura
/
nanoClaw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: 完成前端色调调整

This commit is contained in:
ViperEkura 2026-03-25 17:39:52 +08:00
parent e9ed4a8b39
commit 75eaef0514
3 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/App.vue
View File

@ -435,21 +435,22 @@ onMounted(() => {
} }
[data-theme="dark"] { [data-theme="dark"] {
--bg-primary: #0f172a; /* Dark theme - 保持与浅色模式相同的相对色差 */
--bg-secondary: #1e293b; --bg-primary: #1a1a1a; /* 聊天框，最浅（对应浅色 #ffffff） */
--bg-tertiary: #0f172a; --bg-secondary: #141414; /* 侧边栏，中等（对应浅色 #f8fafc） */
--bg-hover: rgba(59, 130, 246, 0.15); --bg-tertiary: #0a0a0a; /* 整体背景，最深（对应浅色 #f0f4f8） */
--bg-active: rgba(59, 130, 246, 0.25); --bg-hover: rgba(255, 255, 255, 0.08);
--bg-input: #1e293b; --bg-active: rgba(255, 255, 255, 0.12);
--bg-code: #1e293b; --bg-input: #141414;
--bg-thinking: #1e293b; --bg-code: #141414;
--bg-thinking: #141414;
--text-primary: #f1f5f9; --text-primary: #f0f0f0;
--text-secondary: #94a3b8; --text-secondary: #a0a0a0;
--text-tertiary: #64748b; --text-tertiary: #606060;
--border-light: rgba(255, 255, 255, 0.08); --border-light: rgba(255, 255, 255, 0.08);
--border-medium: rgba(255, 255, 255, 0.1); --border-medium: rgba(255, 255, 255, 0.12);
--border-input: rgba(255, 255, 255, 0.1); --border-input: rgba(255, 255, 255, 0.1);
--accent-primary: #3b82f6; --accent-primary: #3b82f6;

2
frontend/src/components/ChatView.vue
View File

@ -310,7 +310,7 @@ defineExpose({ scrollToBottom })
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 8px; font-size: 12px;
font-weight: 700; font-weight: 700;
letter-spacing: -0.3px; letter-spacing: -0.3px;
flex-shrink: 0; flex-shrink: 0;

4
frontend/src/components/MessageBubble.vue
View File

@ -95,7 +95,7 @@ function copyContent() {
.user .avatar { .user .avatar {
background: linear-gradient(135deg, #2563eb, #3b82f6); background: linear-gradient(135deg, #2563eb, #3b82f6);
color: white; color: white;
font-size: 9px; font-size: 12px;
font-weight: 700; font-weight: 700;
letter-spacing: -0.3px; letter-spacing: -0.3px;
} }
@ -103,7 +103,7 @@ function copyContent() {
.assistant .avatar { .assistant .avatar {
background: var(--avatar-gradient); background: var(--avatar-gradient);
color: white; color: white;
font-size: 8px; font-size: 12px;
font-weight: 700; font-weight: 700;
letter-spacing: -0.3px; letter-spacing: -0.3px;
} }