From e37618423d501c5f70b3cdf07f887c6e89953ed7 Mon Sep 17 00:00:00 2001
From: hrz <1710360675@qq.com>
Date: Sun, 16 Nov 2025 14:39:53 +0800
Subject: [PATCH] =?UTF-8?q?update:=E4=BC=98=E5=8C=96=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=9F=B3=E6=B3=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/xiaozhi-server/test/css/test_page.css   | 4 +++-
 main/xiaozhi-server/test/js/ui/controller.js | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/main/xiaozhi-server/test/css/test_page.css b/main/xiaozhi-server/test/css/test_page.css
index 1642ae2d..c0564191 100644
--- a/main/xiaozhi-server/test/css/test_page.css
+++ b/main/xiaozhi-server/test/css/test_page.css
@@ -245,6 +245,7 @@ button:disabled {
 }
 
 @keyframes pulse-speaking {
+
     0%,
     100% {
         opacity: 1;
@@ -357,6 +358,7 @@ span.connection-status.llm-emoji {
     height: 60px;
     width: 100%;
     margin-top: 10px;
+    margin-bottom: 15px;
     border: 1px solid #ddd;
     border-radius: 5px;
     background-color: #fafafa;
@@ -993,4 +995,4 @@ span.connection-status.llm-emoji {
     .mcp-tool-description {
         font-size: 11px;
     }
-}
+}
\ No newline at end of file
diff --git a/main/xiaozhi-server/test/js/ui/controller.js b/main/xiaozhi-server/test/js/ui/controller.js
index dd58555b..8fc9dd31 100644
--- a/main/xiaozhi-server/test/js/ui/controller.js
+++ b/main/xiaozhi-server/test/js/ui/controller.js
@@ -126,7 +126,12 @@ export class UIController {
         for (let i = 0; i < dataArray.length; i++) {
             barHeight = dataArray[i] / 2;
 
-            this.visualizerContext.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
+            // 创建渐变色：从紫色到蓝色到青色
+            const hue = 200 + (barHeight / this.visualizerCanvas.height) * 60; // 200-260度，从青色到紫色
+            const saturation = 80 + (barHeight / this.visualizerCanvas.height) * 20; // 饱和度 80-100%
+            const lightness = 45 + (barHeight / this.visualizerCanvas.height) * 15; // 亮度 45-60%
+
+            this.visualizerContext.fillStyle = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
             this.visualizerContext.fillRect(x, this.visualizerCanvas.height - barHeight, barWidth, barHeight);
 
             x += barWidth + 1;