|
18 | 18 | width: 60px; |
19 | 19 | height: 60px; |
20 | 20 | border-radius: 50%; |
21 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 21 | + background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%); |
22 | 22 | border: none; |
23 | 23 | cursor: pointer; |
24 | 24 | display: flex; |
25 | 25 | align-items: center; |
26 | 26 | justify-content: center; |
27 | | - box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4); |
| 27 | + box-shadow: 0 4px 20px rgba(22, 163, 74, 0.4); |
28 | 28 | transition: all 0.3s ease; |
29 | 29 | color: white; |
30 | 30 | position: relative; |
31 | 31 | } |
32 | 32 |
|
33 | 33 | .chat-toggle:hover { |
34 | 34 | transform: scale(1.05); |
35 | | - box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5); |
| 35 | + box-shadow: 0 6px 25px rgba(22, 163, 74, 0.5); |
36 | 36 | } |
37 | 37 |
|
38 | 38 | .chat-toggle:focus-visible { |
|
103 | 103 | order: 1 !important; |
104 | 104 | flex-shrink: 0 !important; |
105 | 105 | flex-grow: 0 !important; |
106 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 106 | + background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%); |
107 | 107 | padding: 16px 20px; |
108 | 108 | display: flex; |
109 | 109 | align-items: center; |
|
240 | 240 | } |
241 | 241 |
|
242 | 242 | .chat-message.user .message-avatar { |
243 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 243 | + background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%); |
244 | 244 | color: white; |
245 | 245 | } |
246 | 246 |
|
247 | 247 | .chat-message.assistant .message-avatar { |
248 | 248 | background: #e2e8f0; |
249 | | - color: #667eea; |
| 249 | + color: #16a34a; |
250 | 250 | } |
251 | 251 |
|
252 | 252 | .message-content { |
|
257 | 257 | } |
258 | 258 |
|
259 | 259 | .chat-message.user .message-content { |
260 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 260 | + background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%); |
261 | 261 | color: white; |
262 | 262 | border-bottom-right-radius: 4px; |
263 | 263 | } |
|
277 | 277 | } |
278 | 278 |
|
279 | 279 | .chat-message.assistant .message-content a { |
280 | | - color: #667eea; |
| 280 | + color: #16a34a; |
281 | 281 | } |
282 | 282 |
|
283 | 283 | /* Typing Indicator */ |
|
345 | 345 | } |
346 | 346 |
|
347 | 347 | .suggestion-btn:hover { |
348 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 348 | + background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%); |
349 | 349 | color: white; |
350 | | - border-color: #667eea; |
| 350 | + border-color: #16a34a; |
351 | 351 | } |
352 | 352 |
|
353 | 353 | .suggestion-btn:focus-visible { |
|
388 | 388 |
|
389 | 389 | .chat-input:focus { |
390 | 390 | outline: none; |
391 | | - border-color: #667eea; |
392 | | - box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); |
| 391 | + border-color: #16a34a; |
| 392 | + box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1); |
393 | 393 | } |
394 | 394 |
|
395 | 395 | .chat-input::placeholder { |
|
400 | 400 | width: 44px; |
401 | 401 | height: 44px; |
402 | 402 | border-radius: 12px; |
403 | | - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| 403 | + background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%); |
404 | 404 | border: none; |
405 | 405 | cursor: pointer; |
406 | 406 | display: flex; |
|
413 | 413 |
|
414 | 414 | .chat-send:hover:not(:disabled) { |
415 | 415 | transform: scale(1.05); |
416 | | - box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); |
| 416 | + box-shadow: 0 4px 12px rgba(22, 163, 74, 0.4); |
417 | 417 | } |
418 | 418 |
|
419 | 419 | .chat-send:disabled { |
|
440 | 440 | } |
441 | 441 |
|
442 | 442 | .chat-api-notice a { |
443 | | - color: #667eea; |
| 443 | + color: #16a34a; |
444 | 444 | text-decoration: none; |
445 | 445 | } |
446 | 446 |
|
|
0 commit comments