Skip to content

Add support for reduced transparency in accessibility settings#295164

Merged
mrleemurray merged 1 commit intomainfrom
mrleemurray/driving-black-cod
Feb 13, 2026
Merged

Add support for reduced transparency in accessibility settings#295164
mrleemurray merged 1 commit intomainfrom
mrleemurray/driving-black-cod

Conversation

@mrleemurray
Copy link
Contributor

@mrleemurray mrleemurray commented Feb 13, 2026

Introduce a new accessibility feature that allows users to reduce transparency and blur effects for improved performance. This change includes updates to the configuration settings, event handling, and CSS class management to reflect the user's preferences. Testing can be done by changing the workbench.reduceTransparency setting and observing the changes in the UI.

Addresses: #294977

Copilot AI review requested due to automatic review settings February 13, 2026 13:37
@mrleemurray mrleemurray self-assigned this Feb 13, 2026
@mrleemurray mrleemurray added this to the February 2026 milestone Feb 13, 2026
@vs-code-engineering
Copy link

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@bpasero

Matched files:

  • src/vs/workbench/browser/workbench.contribution.ts

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new accessibility setting to reduce transparency/blur effects and wires it through the platform accessibility service so the workbench can react via a root CSS class (with theme-2026 providing the initial styling adjustments).

Changes:

  • Register new setting workbench.reduceTransparency (on/off/auto) under accessibility settings.
  • Extend IAccessibilityService + AccessibilityService to track reduced transparency (config + OS media query), expose an event, and toggle monaco-reduce-transparency on the workbench root.
  • Add browser unit tests for reduced-transparency behavior and update the test accessibility service stub; update theme-2026 CSS to remove blur/transparency effects when the class is present.

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/vs/workbench/browser/workbench.contribution.ts Adds the workbench.reduceTransparency configuration schema entry.
src/vs/platform/accessibility/common/accessibility.ts Extends the accessibility service interface with reduced-transparency API.
src/vs/platform/accessibility/browser/accessibilityService.ts Implements reduced-transparency detection, eventing, and root CSS class toggling.
src/vs/platform/accessibility/test/common/testAccessibilityService.ts Updates the test stub to satisfy the expanded interface.
src/vs/platform/accessibility/test/browser/accessibilityService.test.ts Adds unit tests for reduced transparency (and covers reduced motion basics).
extensions/theme-2026/themes/styles.css Applies reduced-transparency styling overrides when monaco-reduce-transparency is present.

@mrleemurray mrleemurray merged commit 0d2c8e6 into main Feb 13, 2026
24 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/driving-black-cod branch February 13, 2026 13:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants