MacOS now supports both "Light" and "Dark" mode (found in "System Preferences", "General", "Appearance").
How can I make VS Code automatically change its theme to be light or dark, when I change my MacOS "Appearance"?
Asked
Active
Viewed 3.9k times
121
-
This is a vscode question, not an Apple question. – ThaJay Mar 31 '21 at 16:34
-
@ThaJay This question is using software on Apple hardware, so it's perfectly on-topic. – nohillside Apr 01 '21 at 15:12
-
1This is the same across all OS that have light and dark mode so it's purely about vscode. I used this answer on my Windows install. – ThaJay Apr 06 '21 at 14:01
3 Answers
175
- Enable Auto Detect (Search in Settings:
window.autoDetectColorScheme) - Customize Color Themes (Search in Settings:
workbench preferred color theme)
More Detail (Visual Studio Code Themes):
Auto switch based on OS color scheme Windows and macOS support light and dark color schemes. There is a setting,
window.autoDetectColorScheme, that instructs VS Code to listen to changes to the OS's color scheme and switch to a matching theme accordingly.To customize the themes that are used when a color scheme changes, you can set the preferred light, dark, and high contrast themes with the settings:
workbench.preferredLightColorTheme- defaults to "Default Light+"workbench.preferredDarkColorTheme- defaults to "Default Dark+"workbench.preferredHighContrastColorTheme- defaults to "Default High Contrast"workbench.preferredHighContrastLightColorTheme- defaults to "Default High Contrast Light"
JBallin
- 11,567
-
And is it possible to manually override this setting? Like having a switch/command that switches to the preferred dark theme, even though my system setting is light. – LinusGeffarth Mar 18 '20 at 11:25
-
@LinusGeffarth I just manually make the switch (instructions below - quite easy!). Haven’t looked for a way to switch based on the workbench setting. https://code.visualstudio.com/docs/getstarted/themes – JBallin Mar 18 '20 at 18:44
0
I also found that property "workbench.colorTheme" is not well working with auto theme switcher. So I added it to ignore and now all works like a charm.
"workbench.colorTheme": "GitHub Light",
"settingsSync.ignoredSettings": [
"workbench.colorTheme"
],
