From fbffc676386507ad03796138396ad0b4cd57197f Mon Sep 17 00:00:00 2001
From: xiaoxixi <xiaoski@qq.com>
Date: Fri, 24 Jul 2026 09:27:46 +0800
Subject: [PATCH] fix(webui): light-theme contrast and token consistency

---
 webui/src/styles.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/webui/src/styles.css b/webui/src/styles.css
index eb2ab75..89be664 100644
--- a/webui/src/styles.css
+++ b/webui/src/styles.css
@@ -24,6 +24,7 @@
   --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
   color-scheme: dark;
   font-family: var(--font-ui);
+  font-synthesis: none;
   color: #e7ecf3;
   background: #0b1017;
   --bg: #0b1017;
@@ -47,6 +48,7 @@
   --signal-border: rgb(45 212 191 / 35%);
   --info: #6aa6ff;
   --info-soft: rgb(106 166 255 / 12%);
+  --info-border: rgb(106 166 255 / 35%);
   --danger: #ff7b86;
   --danger-soft: rgb(255 123 134 / 12%);
   --danger-border: rgb(255 123 134 / 35%);
@@ -76,8 +78,8 @@
   --faint: #8494a8;
   --text: #1a2230;
   --text-soft: #3d4b5e;
-  --accent: #c47400;
-  --accent-hover: #a86300;
+  --accent: #a86300;
+  --accent-hover: #c47400;
   --accent-contrast: #ffffff;
   --accent-soft: rgb(196 116 0 / 10%);
   --accent-border: rgb(196 116 0 / 35%);
@@ -86,10 +88,12 @@
   --signal-border: rgb(13 148 136 / 35%);
   --info: #2f6fd0;
   --info-soft: rgb(47 111 208 / 10%);
+  --info-border: rgb(47 111 208 / 35%);
   --danger: #d94354;
   --danger-soft: rgb(217 67 84 / 10%);
   --danger-border: rgb(217 67 84 / 35%);
-  --warning: #c47400;
+  /* --warning intentionally equals --accent: single-amber signal system */
+  --warning: #a86300;
   --warning-soft: rgb(196 116 0 / 8%);
   --success-soft: rgb(13 148 136 / 10%);
   --overlay: #ffffff;
@@ -346,7 +350,7 @@ code { color: var(--accent); }
 .cap.signal { color: var(--signal); background: var(--signal-soft); border: 1px solid var(--signal-border); }
 .cap.accent { color: var(--accent); background: var(--accent-soft); border: 1px solid var(--accent-border); }
 .cap.danger { color: var(--danger); background: var(--danger-soft); border: 1px solid var(--danger-border); }
-.cap.info { color: var(--info); background: var(--info-soft); border: 1px solid var(--line); }
+.cap.info { color: var(--info); background: var(--info-soft); border: 1px solid var(--info-border); }
 @keyframes spine-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
 .pulse-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; animation: spine-pulse 1.6s ease-in-out infinite; }
 @media (prefers-reduced-motion: reduce) { .pulse-dot { animation: none; } }