Changing Color Theme for IDE

I used the search menu in the settings window, and didn’t see an option to change the default editor theme from light to dark. I prefer the dark theme for accessibility and high contrast visibility.

1 Like

It looks like the option to select alternate themes can only be found via File>Preferences>Color Theme or Ctrl+K Ctrl+T and not under the Setting window File>Preferences>Settings. Odd.

1 Like

+1, theme is not changing. And stays the same white theme

1 Like

@ruffsl So it sounds like you were able to figure out how to change the theme? In addition to the options you mentioned, you can also click the gear icon in the bottom left of the editor, then select Color Theme.

@sanketplus If you follow the above instructions, and select the GitHub Dark theme, it should persist that selection across your Codespace sessions. Are you not seeing that behavior?

don’t see that option

If you click “Color Theme”, that should display a drop down list of the installed themes. From there, you should see “GitHub Dark” as an option.

It there a way to save the preferences? I tried to sync settings with my local VS Code but so far with no luck. Perhaps there’s a config file setting for it?

You can turn on settings sync by going to your persona coin in the lower left. When you enable settings sync, this will turn on settings sync across VS Code Insiders (so all codespaces and VS Code Insiders client). In the near-term we’ll move Codespaces off of specific Insiders builds and on to VS Code. At the moment, settings sync is still in preview and by channel, so it sync across Insiders and VS Code stable separately.

tl;dr If you enable settings sync it will sync across codespaces/insiders. In the future is will sync across VS Code stable once Codespaces is also running that by default.

Thanks for pointing out I need to use the Insiders build. Now I enabled sync from both the web (codespaces) and desktop VS Code Insider but it’s flaky. If I change the theme in the Codespaces session it syncs with the desktop. If I change in the desktop it syncs in the Codespace session but then jumps over to the default Light+ theme.

Also when I start a new Codespace I have to enable sync, it would be nice if it could keep my last state for that.

Here’s the error I see in the synclog in my Codespace session:

[2020-09-07 22:09:50.601] [userDataSync.log] [error] Error: Unable to resolve non-existing file 'vscode-userdata:/User/sync/60ae0a5c/globalState/preview/globalState.json'
    at S.resolve (
    at async e.doGenerateSyncResourcePreview (
[2020-09-07 22:09:50.617] [userDataSync.log] [error] globalState: Unable to resolve non-existing file 'vscode-userdata:/User/sync/60ae0a5c/globalState/preview/globalState.json'
[2020-09-07 22:09:50.820] [userDataSync.log] [info] Extensions: No changes found during synchronizing extensions.

I just got access to the Codespaces beta. I’m trying to change the theme. I can access the option using the File menu, the gear icon, or in Settings, and I can select the dark theme with no problem and no errors, but the theme never actually changes.

The reason for this is because the resources never properly loaded. You may have to refresh or do a hard refresh while emptying the cache.

So I was having this problem as well within the latest version of Firefox (I have yet to get it to work in FF at all just mentioning that I’m up to date on FF), when I use Chrome it works correctly.

Not only does the theme not load/work, code highlighting and file icons also do not work for FF as well.