[BUG] [alpha] Kill Process on Port common port buttons blend with background (#1A1B1F), reducing visibility of interactive state

[james97911]

Project

ide

Description

In the “Kill Process on Port” dialog, the common port buttons (e.g., 3000, 1420) use a background color (#1A1B1F) that is very close to the surrounding panel. This causes the buttons to visually blend into the background. Even when a port is selected, the difference remains subtle, making it difficult to distinguish interactive elements and active state at a glance.

Error Message

Debug Logs

System Information

OS: Ubuntu 22.04.5 LTS
CPU: 13th Gen Intel(R) i9-13900K
RAM: 16 GB

Screenshots

Steps to Reproduce

Open “Kill Process on Port” dialog
Look at the “Common Ports” section
Click on a port (e.g., 1420)
Observe the visual difference between selected and unselected states

Expected Behavior

Common port buttons should be clearly distinguishable from the background, and the selected state should be visually obvious.

Actual Behavior

Buttons blend into the background, and the selected state is not clearly distinguishable at a glance.

Additional Context

This reduces usability when quickly selecting ports, especially when multiple options are displayed.

[echobt]

✅ Validated

VALID bug report. The screenshot is authentic and shows the "Kill Process on Port" dialog with the common port buttons (3000, 1420, etc.). The developer tools in the screenshot confirm the CSS variable --cortex-small-btn-bg is set to #1A1B1F.

Code verification:

• Component: src/components/terminal/KillPortDialog.tsx (line 367) uses <Button variant="secondary"> for common port buttons
• Button styling: src/components/cortex/primitives/CortexButton.tsx (line 116-118) sets secondary variant background to var(--cortex-small-btn-bg, #1A1B1F)
• Design tokens: src/styles/cortex-tokens.css (line 620) defines --cortex-small-btn-bg: #1A1B1F

The button background color (#1A1B1F) is indeed very close to the dialog background, causing poor visibility of interactive elements. The component is fully accessible via Command Palette → "Terminal: Kill Process on Port".