You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Description
Currently, code snippets in the Copilot Chat panel are rendered with Prism.js’s default theme, which does not match my active VS Code editor theme. This inconsistency makes it harder to read and breaks the visual coherence between the chat and the rest of my workflow.
Proposed Solution
Add a setting such as:
json
"github.copilot.chat.useEditorThemeForSnippets": true
When enabled, Copilot Chat WebView should:
Read the active workbench.colorTheme
Apply user customizations from editor.tokenColorCustomizations
Render all code blocks using the same syntax colors as the main editor
Benefits
Improved readability and context switching
Better accessibility for users relying on high-contrast or custom themes
Visual consistency across VS Code and Copilot Chat
Steps to Reproduce
Install Copilot extension in VS Code.
Switch to a non-default editor theme or add custom token color overrides.
Open Copilot Chat and observe that code snippets still use Prism.js default colors
QuestionAsk and answer questions about GitHub features and usageCopilot in GitHubCopilot functionality in GitHub Copilot Chat and in github.com
1 participant
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Select Topic Area
Question
Copilot Feature Area
General
Body
Description
Currently, code snippets in the Copilot Chat panel are rendered with Prism.js’s default theme, which does not match my active VS Code editor theme. This inconsistency makes it harder to read and breaks the visual coherence between the chat and the rest of my workflow.
Proposed Solution
Add a setting such as:
json
"github.copilot.chat.useEditorThemeForSnippets": true
When enabled, Copilot Chat WebView should:
Read the active workbench.colorTheme
Apply user customizations from editor.tokenColorCustomizations
Render all code blocks using the same syntax colors as the main editor
Benefits
Improved readability and context switching
Better accessibility for users relying on high-contrast or custom themes
Visual consistency across VS Code and Copilot Chat
Steps to Reproduce
Install Copilot extension in VS Code.
Switch to a non-default editor theme or add custom token color overrides.
Open Copilot Chat and observe that code snippets still use Prism.js default colors
Beta Was this translation helpful? Give feedback.
All reactions