d8dfun/claude-code-chat
1
0
Fork 0
mirror of https://github.com/andrepimenta/claude-code-chat.git synced 2025-12-10 10:19:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better colors

Browse Source
This commit is contained in:
andrepimenta
2025-06-24 03:42:22 +01:00
parent dcd49458cb
commit e6bdc80946
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/ui-styles.ts
View File

@@ -174,9 +174,10 @@ const styles = `
} }
.message.user { .message.user {
border: 1px solid rgba(100, 149, 237, 0.1); border: 1px solid rgba(64, 165, 255, 0.2);
border-radius: 8px; border-radius: 8px;
color: var(--vscode-editor-foreground); color: var(--vscode-editor-foreground);
font-family: var(--vscode-editor-font-family);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@@ -188,7 +189,7 @@ const styles = `
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 4px; width: 4px;
background: linear-gradient(180deg, #6495ed 0%, #4169e1 100%); background: linear-gradient(180deg, #40a5ff 0%, #0078d4 100%);
} }
.message.claude { .message.claude {
@@ -234,10 +235,9 @@ const styles = `
} }
.message.tool { .message.tool {
border: 1px solid rgba(64, 165, 255, 0.2); border: 1px solid rgba(120, 139, 237, 0.12);
border-radius: 8px; border-radius: 8px;
color: var(--vscode-editor-foreground); color: var(--vscode-editor-foreground);
font-family: var(--vscode-editor-font-family);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@@ -249,7 +249,7 @@ const styles = `
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 4px; width: 4px;
background: linear-gradient(180deg, #40a5ff 0%, #0078d4 100%); background: linear-gradient(180deg, #7c8bed 0%, #5d6fe1 100%);
} }
.message.tool-result { .message.tool-result {
@@ -306,7 +306,7 @@ const styles = `
width: 18px; width: 18px;
height: 18px; height: 18px;
border-radius: 4px; border-radius: 4px;
background: linear-gradient(135deg, #40a5ff 0%, #0078d4 100%); background: linear-gradient(135deg, #7c8bed 0%, #5d6fe1 100%);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -314,6 +314,7 @@ const styles = `
color: white; color: white;
font-weight: 600; font-weight: 600;
flex-shrink: 0; flex-shrink: 0;
margin-left: 4px;
} }
.tool-info { .tool-info {
@@ -358,8 +359,8 @@ const styles = `
} }
.message-icon { .message-icon {
width: 16px; width: 18px;
height: 16px; height: 18px;
border-radius: 3px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -372,7 +373,7 @@ const styles = `
} }
.message-icon.user { .message-icon.user {
background: linear-gradient(135deg, #6495ed 0%, #4169e1 100%); background: linear-gradient(135deg, #40a5ff 0%, #0078d4 100%);
} }
.message-icon.claude { .message-icon.claude {