From 9d1c7b59a9efb067e1518dbefe5f6a6e88da35cb Mon Sep 17 00:00:00 2001
From: hanishkvc <hanishkvc@gmail.com>
Date: Fri, 21 Nov 2025 14:52:44 +0530
Subject: [PATCH] SimpleChatTCRV:AnveshikaSallap, Color cleanup

Use variables in css for colors.

Change the tool response color to be bit more soothing and kind of
syncd with the user collor. However the tool call color is left
bit odder, to ensure user sight goes there for validating and
triggering.
---
 tools/server/public_simplechat/simplechat.css | 23 +++++++++++--------
 tools/server/public_simplechat/simplechat.js  |  3 ++-
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css
index 65b06fb6c6..3ae4301740 100644
--- a/tools/server/public_simplechat/simplechat.css
+++ b/tools/server/public_simplechat/simplechat.css
@@ -6,6 +6,11 @@
 :root {
     --background-color: #f4f4f9;
     --background-color-contrast-vlight: #e8e8e8;
+    --system-color: lightblue;
+    --user-color: #D0F0FF;
+    --assistant-color: #F7FAFC;
+    --tool-call-color: antiquewhite;
+    --tool-resp-color: #B0F0E0;
 }
 
 body {
@@ -17,7 +22,7 @@ body {
 }
 
 #heading {
-    background: linear-gradient(135deg, var(--background-color) 0%, lightblue 100%);
+    background: linear-gradient(135deg, var(--background-color) 0%, var(--system-color) 100%);
     margin: 0;
 }
 #sessions-div {
@@ -32,7 +37,7 @@ body {
 }
 
 .session-selected {
-    background-color: lightblue;
+    background-color: var(--system-color);
 }
 
 #sessionsprompts-div .role-system {
@@ -44,21 +49,21 @@ body {
 }
 
 .role-system {
-    background: linear-gradient(135deg, lightblue 0%, var(--background-color) 100%);
+    background: linear-gradient(135deg, var(--system-color) 0%, var(--background-color) 100%);
     border-radius: 0.1vmin;
 }
 .role-user {
-    background: linear-gradient(135deg, #D0F0FF 0%, var(--background-color) 100%);
+    background: linear-gradient(135deg, var(--user-color) 0%, var(--background-color) 100%);
 }
 .role-assistant {
     text-align: initial;
-    background: linear-gradient(135deg, #F7FAFC 0%, var(--background-color) 100%)
+    background: linear-gradient(135deg, var(--assistant-color) 0%, var(--background-color) 100%)
 }
 .role-tool {
-    background: linear-gradient(135deg, var(--background-color) 0%, lightyellow 100%);
+    background: linear-gradient(135deg, var(--background-color) 0%, var(--tool-resp-color) 100%);
 }
 .role-TOOL-TEMP {
-    background: linear-gradient(135deg, var(--background-color) 0%, lightyellow 100%);
+    background: linear-gradient(135deg, var(--background-color) 0%, var(--tool-resp-color) 100%);
 }
 .role-trim {
     background: linear-gradient(135deg, lightpink 0%, transparent 100%);
@@ -178,7 +183,7 @@ body {
     border-width: thin;
     border-color: yellow;
     border-style: ridge;
-    background-color: antiquewhite;
+    background-color: var(--tool-call-color);
 }
 #user-in-div {
     border-width: thin;
@@ -201,7 +206,7 @@ body {
     max-height: 16vh;
 }
 #user-in[data-role="TOOL-TEMP"] {
-    background-color: lightyellow;
+    background: linear-gradient(135deg, var(--background-color) 0%, var(--tool-resp-color) 100%);
 }
 #user-in-div button {
     padding-inline: 1vmin;
diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js
index 231e60fe0b..a0847fd2b3 100644
--- a/tools/server/public_simplechat/simplechat.js
+++ b/tools/server/public_simplechat/simplechat.js
@@ -2019,7 +2019,8 @@ export class Me {
     show_title(elDiv) {
         let elTitle = document.createElement("div");
         elTitle.id = "DefaultTitle";
-        elTitle.appendChild(document.createTextNode("SimpleChat"))
+        //SimpleChatTCRV-अन्वेषिका-सल्लाप
+        elTitle.appendChild(document.createTextNode("AnveshikaSallap"))
         elDiv.appendChild(elTitle)
     }