From 047cbc551e64edade8da169a0566d6f628ffa8dc Mon Sep 17 00:00:00 2001
From: XiaoSeS <87064762+XiaoSeS@users.noreply.github.com>
Date: Thu, 17 Sep 2026 18:01:31 +0800
Subject: [PATCH] fix(ui): improve hljs code token contrast and suite card
 border visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- hljs-string/title/attribute/symbol/bullet/addition: use --primary/0.85
  instead of --accent (which is hsl(214 70% 96%) in light mode — nearly
  invisible on white background)
- suite-detail entry skill card: remove border-border/70 from border-y,
  using default border color for better visibility

Made-with: Proma
---
 web/src/index.css              | 2 +-
 web/src/pages/suite-detail.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index 5be47fd4..f227a8a8 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -506,7 +506,7 @@
 .hljs-symbol,
 .hljs-bullet,
 .hljs-addition {
-  color: hsl(var(--accent) / 0.9);
+  color: hsl(var(--primary) / 0.85);
 }
 
 .hljs-number,
diff --git a/web/src/pages/suite-detail.tsx b/web/src/pages/suite-detail.tsx
index 7edf95c5..7a6800cd 100644
--- a/web/src/pages/suite-detail.tsx
+++ b/web/src/pages/suite-detail.tsx
@@ -168,7 +168,7 @@ export function SuiteDetailPage() {
                 <section>
                   <h2 className="text-sm font-semibold">{t('suite.startWithEntry')}</h2>
                   <p className="mt-1 text-xs leading-5 text-muted-foreground">{t('suite.entrySnapshotDescription')}</p>
-                  <div className="mt-3 border-y border-border/70 py-3">
+                  <div className="mt-3 border-y py-3">
                     <p className="truncate text-sm font-medium">
                       {entryMember.displayName || `@${entryMember.namespace}/${entryMember.slug}`}
                     </p>