message shades
frdel committed
Jul 2, 2025 at 22:23 UTC
4038a3d8105b90b9029acc0b05386b169a5370d9
1 file changed
+18
-12
webui/css/messages.css
+18
-12
@@ -454,62 +454,62 @@
454
}
455
456
.light-mode .message-default {
457
- background-color: #f3f3f3;
457
+ background-color: var(--color-panel);
458
color: #1a242f;
459
}
460
461
.light-mode .message-agent {
462
- background-color: #f3f3f3;
462
+ background-color: var(--color-panel);
463
color: #356ca3;
464
}
465
466
.light-mode .message-agent-response {
467
- background-color: #f3f3f3;
467
+ background-color: var(--color-panel);
468
color: #188216;
469
}
470
471
.light-mode .message-agent-delegation {
472
- background-color: #f3f3f3;
472
+ background-color: var(--color-panel);
473
color: #12685e;
474
}
475
476
.light-mode .message-tool {
477
- background-color: #f3f3f3;
477
+ background-color: var(--color-panel);
478
color: #1c3c88;
479
}
480
481
.light-mode .message-code-exe {
482
- background-color: #f3f3f3;
482
+ background-color: var(--color-panel);
483
color: #6c43b0;
484
}
485
486
.light-mode .message-browser {
487
- background-color: #ffffff;
487
+ background-color: var(--color-panel);
488
color: #6c43b0;
489
}
490
491
.light-mode .message-info {
492
- background-color: #f3f3f3;
492
+ background-color: var(--color-panel);
493
color: #3f3f3f;
494
}
495
496
.light-mode .message-util {
497
- background-color: #f3f3f3;
497
+ background-color: var(--color-panel);
498
color: #5b5540;
499
}
500
501
.light-mode .message-warning {
502
- background-color: #f3f3f3;
502
+ background-color: var(--color-panel);
503
color: #8f4800;
504
}
505
506
.light-mode .message-error {
507
- background-color: #f3f3f3;
507
+ background-color: var(--color-panel);
508
color: #8f1010;
509
}
510
511
.light-mode .message-user {
512
- background-color: #f3f3f3;
512
+ background-color: var(--color-panel);
513
color: #4e4e4e;
514
}
515
@@ -680,3 +680,9 @@
680
word-break: break-word;
681
overflow-wrap: anywhere;
682
}
683
+
684
+/* shades */
685
+.dark-mode .message {
686
+ box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.3), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.1);
687
+}
688
+