style: refine acrylic workbench surfaces

2026-07-15 17:07:32 +08:00
parent 8978f2d167
commit 16ecb69d00
41 changed files with 838 additions and 606 deletions
@@ -61,7 +61,7 @@ export function AgentOperationalBrief({
        </button>
        <button
          type="button"
-          className="flex h-9 items-center justify-center gap-1.5 rounded-xl border border-slate-200 bg-[var(--glass-menu)] px-3 text-xs font-semibold text-slate-700 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
+          className="surface-control flex h-9 items-center justify-center gap-1.5 rounded-xl border px-3 text-xs font-semibold text-slate-700 transition-colors hover:bg-blue-50 hover:text-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
          disabled={streaming}
          onClick={() => onSubmitCommand(brief.secondaryCommand)}
        >
@@ -75,7 +75,7 @@ export function AgentOperationalBrief({

 function AgentBriefMetric({ icon, label, value }: { icon: ReactNode; label: string; value: string }) {
  return (
-    <div className="min-w-0 rounded-xl border border-slate-200/70 bg-slate-50/90 px-2 py-2">
+    <div className="surface-reading min-w-0 rounded-xl border px-2 py-2">
      <dt className="flex items-center gap-1.5 text-xs font-semibold text-slate-500">
        <span className="text-blue-600">{icon}</span>
        {label}