Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to modify the theme in VS Code

This is not a duplicate of how to configure theme options, that is clear from answers like this.

I'd like to modify or tweak the current setting, meaning: I'd like to load what is currently configured. For example the value currently configured for editor.tokenColorCustomizations["[Cobalt2]"]["comments"]["foreground"] to be able to tweak it a bit, say making the color more bright.

When I load this key in the User Settings I see a color red ("#FF0000) as default, which is obviously not what the theme has.

I know I can 1) open the cobalt2.json 2) find the setting and 3) copy/paste in my User Settings. But I was looking for a more friendly/easier approach.

Is there a more friendly/easier approach? How can I preload the current setting in my User Settings?

like image 582
arod Avatar asked Jun 09 '18 17:06

arod


People also ask

How do I customize my Visual Studio theme?

On the menu bar, select Tools > Options. In the options list, select Environment > General. In the Color theme list, choose between the default Dark theme, the Blue theme, the Blue (Extra Contrast) theme, and the Light theme. Or, choose the Use system setting option to select the theme that Windows uses.

Where are VS code themes installed?

The building blocks of a theme This place, in macOS, OSX or Linux is in the ~/. vscode/extensions directory while in Windows it should be in %USERPROFILE%\. vscode\extensions .


1 Answers

You can use this command from command palette:

Developer: Generate Color Theme From Current Settings

to see all the colors defined. If you have overwritten some colors in settings.json that change will be reflected too.

Command to assign to a keybinding: workbench.action.generateColorTheme.

Also, there is an open issue to fill the current value in settings: #25633

like image 189
Alex Avatar answered Jan 04 '23 16:01

Alex