From 4038a3d8105b90b9029acc0b05386b169a5370d9 Mon Sep 17 00:00:00 2001
From: frdel <38891707+frdel@users.noreply.github.com>
Date: Wed, 2 Jul 2025 22:23:36 +0200
Subject: [PATCH] message shades

---
 webui/css/messages.css | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/webui/css/messages.css b/webui/css/messages.css
index 3e38ecf6d..25d5592d3 100644
--- a/webui/css/messages.css
+++ b/webui/css/messages.css
@@ -454,62 +454,62 @@
 }
 
 .light-mode .message-default {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #1a242f;
 }
 
 .light-mode .message-agent {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #356ca3;
 }
 
 .light-mode .message-agent-response {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #188216;
 }
 
 .light-mode .message-agent-delegation {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #12685e;
 }
 
 .light-mode .message-tool {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #1c3c88;
 }
 
 .light-mode .message-code-exe {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #6c43b0;
 }
 
 .light-mode .message-browser {
-  background-color: #ffffff;
+  background-color: var(--color-panel);
   color: #6c43b0;
 }
 
 .light-mode .message-info {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #3f3f3f;
 }
 
 .light-mode .message-util {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #5b5540;
 }
 
 .light-mode .message-warning {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #8f4800;
 }
 
 .light-mode .message-error {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #8f1010;
 }
 
 .light-mode .message-user {
-  background-color: #f3f3f3;
+  background-color: var(--color-panel);
   color: #4e4e4e;
 }
 
@@ -680,3 +680,9 @@
   word-break: break-word;
   overflow-wrap: anywhere;
 }
+
+/* shades */
+.dark-mode .message {
+  box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.3), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.1);
+}
+