Switch toggle is visually ambiguous — hard to tell on from off

[mattrothenberg]

Description

The switch/toggle component (used in the MCP tab of the status popover, among other places) is difficult to visually distinguish between on and off states, especially in dark mode.

The checked and unchecked states have very similar contrast, there is no text label indicating "On" or "Off", the MCP toggle has no accessible label for screen readers, and there is no loading indicator when toggling an MCP server connection.

Plugins

N/A — this is a core UI component issue.

OpenCode version

v1.14.19 (latest on dev branch)

Steps to reproduce

1. Open the web UI
2. Click the status indicator in the session header to open the status popover
3. Go to the "MCP" tab
4. Observe the toggle switch next to an MCP server — it is very difficult to tell whether it is on or off, especially in dark mode

Screenshot and/or share link

The toggle in its "on" state:

OpenCode's interpretation of the screenshot (it was wrong — the toggle was on):

Operating System

macOS

Terminal

N/A (web UI)