Purple tint for cd directory buttons to distinguish from action/tab buttons

davindicode · claude · davindicode · commit 1c14899d8551 · 2026-03-19T08:09:18.000Z
Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/app/components/terminal/InputBox.tsx b/app/components/terminal/InputBox.tsx
@@ -472,7 +472,7 @@ export default function InputBox() {
                       key={dir}
                       onClick={() => handleCdTo(dir)}
                       disabled={!activeSessionId}
-                      className={keyBtn}
+                      className="px-2 py-0.5 text-[11px] bg-[#1a1e2e] text-purple-400 hover:text-purple-200 hover:bg-[#2a2e4a] disabled:text-gray-600 rounded border border-purple-800/50 whitespace-nowrap transition-colors select-none touch-manipulation"
                       title={`cd ${dir}`}
                     >
                       {dir}

Original file line number	Diff line number	Diff line change
`@@ -472,7 +472,7 @@ export default function InputBox() {`
`472`	`472`	`key={dir}`
`473`	`473`	`onClick={() => handleCdTo(dir)}`
`474`	`474`	`disabled={!activeSessionId}`
`475`		`- className={keyBtn}`
	`475`	`+ className="px-2 py-0.5 text-[11px] bg-[#1a1e2e] text-purple-400 hover:text-purple-200 hover:bg-[#2a2e4a] disabled:text-gray-600 rounded border border-purple-800/50 whitespace-nowrap transition-colors select-none touch-manipulation"`
`476`	`476`	title={`cd ${dir}`}
`477`	`477`	`>`
`478`	`478`	`{dir}`