github / github/copilot-cli

Poor contrast and text selection UX in shell command timeline blocks (macOS dark mode)

Open
#2,359 1 comment 0 reactions 0 assignees View on GitHub
area:theming-accessibility
Dominant language
Shell
Stars
11.2k
Forks
1.9k
Avg merge
14h 16m
Merged PRs (30d)
6

Description

## Summary

On macOS in dark mode, the contrast in shell command timeline blocks is insufficient, making it difficult to read code and select lines to copy.

## Description

When Copilot CLI displays executed shell commands in the timeline (e.g., inline Python or bash blocks), the text renders with very low contrast against the dark background. This is especially noticeable on MacBook displays in dark mode.

Additionally, there is no clear affordance for selecting or copying individual lines from these blocks — the `243 lines...` truncation indicator further makes it hard to know what content is available.

## Steps to Reproduce

1. Run any multi-line shell command in Copilot CLI (e.g., a Python script via `python3 -c`)
2. Observe the collapsed command block in the timeline
3. Try to read or select/copy lines from the block on a MacBook in macOS dark mode

## Expected Behavior

- Text in command timeline blocks should have sufficient contrast (WCAG AA minimum: 4.5:1) to be readable on all macOS display profiles, including dark mode
- Lines should be easily selectable or copyable, ideally with a click-to-copy or hover-to-reveal affordance
- Truncated output (e.g., `243 lines...`) should have a clear way to expand or copy the full content

## Actual Behavior

- Low-contrast gray text on dark background in shell blocks is hard to read
- No clear way to select/copy individual lines
- Output is truncated with no expand option visible in the UI

## Environment

- **OS:** macOS (dark mode)
- **Hardware:** MacBook
- **CLI version:** 1.0.13-1
- **Terminal:** Default macOS Terminal / iTerm2

## Suggested Fix

- Increase text brightness/contrast in timeline shell blocks for dark mode
- Add a hover-to-copy affordance per line, similar to GitHub's code block UI
- Provide an expand button on truncated output blocks

This is a usability issue that affects readability and workflow when reviewing what commands were run.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the timeline shell-command blocks in macOS dark mode using the listed CLI version and terminal environments. Locate the timeline block UI, then verify readable contrast, line selection or copying, and expansion of truncated output against the expected behavior; no source files or tests are named in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
shell
Domain
accessibility, cli, design
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.