fix(ui): improve hljs code token contrast and suite card border visibility

- 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
This commit is contained in:
XiaoSeS 2026-09-17 18:01:31 +08:00
parent bc1a4a1e75
commit 047cbc551e
2 changed files with 2 additions and 2 deletions

View file

@ -506,7 +506,7 @@
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
color: hsl(var(--accent) / 0.9);
color: hsl(var(--primary) / 0.85);
}
.hljs-number,

View file

@ -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>