From 3d1f28a83e829fc4684609d98379db1c7fc37c49 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 18 Mar 2026 13:34:16 +0000
Subject: [PATCH] [#316] Highlight Trade button with green accent in mobile
 action bar

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/MobileActionBar.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/MobileActionBar.tsx b/src/components/MobileActionBar.tsx
index 7d6060db..1d4d7c61 100644
--- a/src/components/MobileActionBar.tsx
+++ b/src/components/MobileActionBar.tsx
@@ -60,7 +60,9 @@ export function MobileActionBar({
             className={`rounded border px-3 py-2 text-xs transition-colors ${
               open === key
                 ? "border-accent text-accent"
-                : "border-[var(--border)] text-muted hover:text-foreground"
+                : key === "trade"
+                  ? "border-accent text-accent hover:opacity-80"
+                  : "border-[var(--border)] text-muted hover:text-foreground"
             }`}
           >
             {label}