microsoft / microsoft/monaco-editor
Editor is not adopting system theme settings:A11y_Monacoeditor_Theme
@hawkticehurst is already working on this.
Since Apr 30, 2026.
- Dominant language
- JavaScript
- Stars
- 46.8k
- Forks
- 4.1k
- Avg merge
- 17h 58m
- Merged PRs (30d)
- 1
Description
Monaco Editor Playground Link
GitHubTags:
#A11yTCS; #A11ySev3; #A11yMAS;#Desktopweb; #Win11; #Visual Studio Code Client; #VisualStudioCode-Web-Apr2021; #ChromiumEdge; #a11y-monacoeditor;#PartnerBug;#WCAG4.3.1; #SCIM:Bug4961959; #SCIM:Bug4961965; #SCIM:Bug4961983; #SCIM:Bug5126247; #SCIM:Bug59334165; #SCIM:Bug60928858;
Environment Details:
#URL: Monaco Editor (microsoft.github.io)
Application name: Monaco Editor
Chromium edge: Version 147.0.3912.86 (Official build) (64-bit)
Windows 11 Enterprise (Version 24H2)
OS Build 26100.5074
Reproduction Steps
- Hit the URL: https://microsoft.github.io/monaco-editor/playground.html?source=v0.55.1#example-creating-the-editor-hello-world
- Monaco editor page will appear.
- Apply system themes
- Observe that editor is not adopting the system themea.
Actual Behavior
The editor does not follow the system (OS) theme. Even when the system theme is changed (e.g., Aquatic, Desert), the editor continues using its own previously selected theme.
Expected Behavior
The editor should adopt and reflect the system theme.
User Impact:
Users relying on system-level themes, especially High Contrast or Dark Mode for accessibility, may experience inconsistent visuals, reduced readability, and difficulty using the application effectively.
Attachment
https://github.com/user-attachments/assets/b771cdb1-f26d-4507-a675-e77f97ff5e2d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.