diff --git a/webui/app.js b/webui/app.js
index 6859ac8..0e45fe1 100644
--- a/webui/app.js
+++ b/webui/app.js
@@ -775,12 +775,12 @@ function renderEvoScan() {
     <div class="scan-row" data-job="${esc(r.j.job_id)}"
          title="${esc(r.j.title)}：新增 ${r.add} · 退出 ${r.out} · 增强/减弱 ${r.other}（点击进岗位报告）">
       <span class="scan-label">${esc(r.j.title)}</span>
-      <span class="scan-track"><i class="scan-bar" style="width:${(r.add / max) * 100}%;background:var(--success)"></i><i class="scan-bar" style="width:${(r.out / max) * 100}%;background:var(--danger)"></i><i class="scan-bar" style="width:${(r.other / max) * 100}%;background:var(--primary)"></i></span>
+      <span class="scan-track"><i class="scan-bar" style="width:${(r.add / max) * 100}%;background:#7bc8a4"></i><i class="scan-bar" style="width:${(r.out / max) * 100}%;background:#d99a91"></i><i class="scan-bar" style="width:${(r.other / max) * 100}%;background:#8f9ff0"></i></span>
       <span class="scan-num">${r.total}</span>
     </div>`).join("") + `
-    <div class="hm-legend"><span>横条构成：</span><i class="hm-l" style="background:var(--success)"></i>新增技能
-      <i class="hm-l" style="background:var(--danger)"></i>退出技能
-      <i class="hm-l" style="background:var(--primary)"></i>增强/减弱
+    <div class="hm-legend"><span>横条构成：</span><i class="hm-l" style="background:#7bc8a4"></i>新增技能
+      <i class="hm-l" style="background:#d99a91"></i>退出技能
+      <i class="hm-l" style="background:#8f9ff0"></i>增强/减弱
       <span class="text-weak">（近 12 季度，点击行进入该岗位报告）</span></div>`;
   box.querySelectorAll(".scan-row").forEach((el) => {
     el.onclick = () => {