[GH-ISSUE #70] Commit message input is unusable due to extreme contrast/overlay in Source Control panel #52

New issue

Closed

opened 2026-05-06 13:12:57 +02:00 by BreizhHardware · 3 comments

BreizhHardware commented

2026-05-06 13:12:57 +02:00

Owner

Originally created by @Christopher-C-Robinson on GitHub (Feb 18, 2026).
Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/70

Summary

The commit message input field in the Source Control panel is effectively unusable. The text area appears to have a circular overlay or extreme contrast issue that makes the content difficult to read and interact with.

Environment

VS Code
• Version: 1.109.4 (Universal)
• Commit: c3a26841a84f20dfe0850d0a5a9bd01da4f003ea
• Date: 2026-02-16T15:35:57.932Z
• Electron: 39.3.0
• Chromium: 142.0.7444.265
• Node.js: 22.21.1
• V8: 14.2.231.22-electron.0

OS
• macOS (Darwin arm64 25.4.0)

Theme
• Dark Islands

Description

When opening the Source Control panel and attempting to enter a commit message:
• The input area is obscured by a circular gradient/overlay.
• Text contrast is severely degraded inside that region.
• The visual effect makes it difficult to read, edit, or review the commit message.
• The problem appears isolated to the commit message box (not the staged/changes list).

This renders a core workflow (writing commit messages) frustrating and, in practice, unusable.

Steps to Reproduce
1. Enable the Dark Islands theme.
2. Open a Git repository in VS Code.
3. Make a change to any file.
4. Open the Source Control panel.
5. Click into the commit message input box.

Expected Behavior
• The commit message input should have uniform background and readable text.
• No visual overlays or gradient artifacts should interfere with text visibility.
• Standard VS Code input field styling should remain functional and accessible.

Actual Behavior
• A circular/spotlight-like overlay appears over the commit message area.
• Text becomes hard to read due to contrast and layering issues.
• The field is visually distracting and not practical for normal use.

Possible Cause

This may be caused by a global editor/selection/spotlight styling rule (e.g., radial gradient or background effect) unintentionally affecting scm.input or related workbench components.

Suggested Fix
• Inspect theme token customizations affecting:
• scm.inputBackground
• scm.inputForeground
• input.background
• editor.* background rules
• Ensure no radial gradients or overlay effects are applied to the SCM input container.
• Verify contrast ratios meet accessibility standards.

Screenshot

Originally created by @Christopher-C-Robinson on GitHub (Feb 18, 2026). Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/70 Summary The commit message input field in the Source Control panel is effectively unusable. The text area appears to have a circular overlay or extreme contrast issue that makes the content difficult to read and interact with. Environment VS Code • Version: 1.109.4 (Universal) • Commit: c3a26841a84f20dfe0850d0a5a9bd01da4f003ea • Date: 2026-02-16T15:35:57.932Z • Electron: 39.3.0 • Chromium: 142.0.7444.265 • Node.js: 22.21.1 • V8: 14.2.231.22-electron.0 OS • macOS (Darwin arm64 25.4.0) Theme • Dark Islands Description When opening the Source Control panel and attempting to enter a commit message: • The input area is obscured by a circular gradient/overlay. • Text contrast is severely degraded inside that region. • The visual effect makes it difficult to read, edit, or review the commit message. • The problem appears isolated to the commit message box (not the staged/changes list). This renders a core workflow (writing commit messages) frustrating and, in practice, unusable. Steps to Reproduce 1. Enable the Dark Islands theme. 2. Open a Git repository in VS Code. 3. Make a change to any file. 4. Open the Source Control panel. 5. Click into the commit message input box. Expected Behavior • The commit message input should have uniform background and readable text. • No visual overlays or gradient artifacts should interfere with text visibility. • Standard VS Code input field styling should remain functional and accessible. Actual Behavior • A circular/spotlight-like overlay appears over the commit message area. • Text becomes hard to read due to contrast and layering issues. • The field is visually distracting and not practical for normal use. Possible Cause This may be caused by a global editor/selection/spotlight styling rule (e.g., radial gradient or background effect) unintentionally affecting scm.input or related workbench components. Suggested Fix • Inspect theme token customizations affecting: • scm.inputBackground • scm.inputForeground • input.background • editor.* background rules • Ensure no radial gradients or overlay effects are applied to the SCM input container. • Verify contrast ratios meet accessibility standards. Screenshot <img width="262" height="397" alt="Image" src="https://github.com/user-attachments/assets/49b777e0-de68-405f-b0e7-f151f7b968e4" />