From 9b48daf7953e3819c9054e086d72c325f0c2a22f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=85=AC=E6=98=8E?=
 <83812544+Ed1s0nZ@users.noreply.github.com>
Date: Sun, 8 Feb 2026 23:57:46 +0800
Subject: [PATCH] Add files via upload

---
 web/static/css/style.css   | 22 ++++++++++++----------
 web/static/js/dashboard.js |  8 ++++++--
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/web/static/css/style.css b/web/static/css/style.css
index 86bf4a06..01586233 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -8183,11 +8183,12 @@ header {
     border-radius: 0 14px 14px 0;
 }
 
-.dashboard-bar-seg.seg-critical { background: linear-gradient(90deg, #fca5a5, #fecaca); }
-.dashboard-bar-seg.seg-high { background: linear-gradient(90deg, #fdba74, #fed7aa); }
-.dashboard-bar-seg.seg-medium { background: linear-gradient(90deg, #fde047, #fef08a); }
-.dashboard-bar-seg.seg-low { background: linear-gradient(90deg, #6ee7b7, #a7f3d0); }
-.dashboard-bar-seg.seg-info { background: linear-gradient(90deg, #cbd5e1, #e2e8f0); }
+/* 严重→信息：柔和连续色阶，红→橙→黄→绿→蓝，无灰沉感 */
+.dashboard-bar-seg.seg-critical { background: linear-gradient(90deg, #f87171, #fca5a5); }
+.dashboard-bar-seg.seg-high { background: linear-gradient(90deg, #fb923c, #fdba74); }
+.dashboard-bar-seg.seg-medium { background: linear-gradient(90deg, #facc15, #fde047); }
+.dashboard-bar-seg.seg-low { background: linear-gradient(90deg, #34d399, #6ee7b7); }
+.dashboard-bar-seg.seg-info { background: linear-gradient(90deg, #60a5fa, #93c5fd); }
 
 .dashboard-legend {
     display: flex;
@@ -8219,11 +8220,12 @@ header {
     box-shadow: 0 0 0 2px rgba(255,255,255,0.8);
 }
 
-.dashboard-legend-dot.critical { background: #dc2626; }
-.dashboard-legend-dot.high { background: #f97316; }
-.dashboard-legend-dot.medium { background: #eab308; }
-.dashboard-legend-dot.low { background: #10b981; }
-.dashboard-legend-dot.info { background: #6b7280; }
+/* 与条形图同色系，图例与条形视觉一致 */
+.dashboard-legend-dot.critical { background: #f87171; }
+.dashboard-legend-dot.high { background: #fb923c; }
+.dashboard-legend-dot.medium { background: #facc15; }
+.dashboard-legend-dot.low { background: #34d399; }
+.dashboard-legend-dot.info { background: #60a5fa; }
 
 .dashboard-legend-label {
     color: var(--text-secondary);
diff --git a/web/static/js/dashboard.js b/web/static/js/dashboard.js
index 1d1f3d59..fda44c2a 100644
--- a/web/static/js/dashboard.js
+++ b/web/static/js/dashboard.js
@@ -139,10 +139,14 @@ function setDashboardOverviewPlaceholder(t) {
      'dashboard-tools-count', 'dashboard-tools-calls', 'dashboard-skills-count', 'dashboard-skills-calls'].forEach(id => setEl(id, t));
 }
 
-// Top 30 工具执行次数柱状图颜色（柔和、低饱和度）
+// Top 30 工具执行次数柱状图颜色（30 色不重复，柔和、易区分）
 var DASHBOARD_BAR_COLORS = [
     '#93c5fd', '#a78bfa', '#6ee7b7', '#fde047', '#fda4af',
-    '#7dd3fc', '#a5b4fc', '#5eead4', '#fdba74', '#e9d5ff'
+    '#7dd3fc', '#a5b4fc', '#5eead4', '#fdba74', '#e9d5ff',
+    '#67e8f9', '#c4b5fd', '#86efac', '#fcd34d', '#f9a8d4',
+    '#bae6fd', '#c7d2fe', '#99f6e4', '#fed7aa', '#ddd6fe',
+    '#22d3ee', '#8b5cf6', '#4ade80', '#fbbf24', '#fb7185',
+    '#38bdf8', '#818cf8', '#2dd4bf', '#fb923c', '#e0e7ff'
 ];
 
 function esc(s) {