Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to edit default dark theme for Visual Studio Code?

I'm using Windows 7 64-bit.

Is there a way to edit default dark theme in the Visual Studio Code? In %USERPROFILE%\.vscode folder there are only themes from the extensions, while in installation path (I used default, C:\Program Files (x86)\Microsoft VS Code) there are files of some standard themes in \resources\app\extensions, like Kimbie Dark, Solarized Dark/Light or variants of Monokai, but there is no default dark theme.

But if after all there is a possibility to edit it, then which blocks of code are responsible for colour of member of object, member of pointer and name of class and structure in the C++ language?

like image 825
Toreno96 Avatar asked Feb 02 '16 22:02

Toreno96


People also ask

How do I change Dark theme in Visual Studio?

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.

What is VSCode default theme?

One Dark Pro is the most popular and widely downloaded VSCode theme with almost 4 million installs. It's based on Atom's default One Dark theme and is best suited for developers who love dark mode themes. It has well-blended color schemes and cool syntax highlight colors that make it visually appealing.


1 Answers

In VS code 'User Settings', you can edit visible colours using the following tags (this is a sample and there are much more tags):

"workbench.colorCustomizations": {     "list.inactiveSelectionBackground": "#C5DEF0",     "sideBar.background": "#F8F6F6",     "sideBar.foreground": "#000000",     "editor.background": "#FFFFFF",     "editor.foreground": "#000000",     "sideBarSectionHeader.background": "#CAC9C9",     "sideBarSectionHeader.foreground": "#000000",     "activityBar.border": "#FFFFFF",     "statusBar.background": "#102F97",     "scrollbarSlider.activeBackground": "#77D4CB",     "scrollbarSlider.hoverBackground": "#8CE6DA",     "badge.background": "#81CA91" } 

If you want to edit some C++ color tokens, use the following tag:

"editor.tokenColorCustomizations": {     "numbers": "#2247EB",     "comments": "#6D929C",     "functions": "#0D7C28" } 
like image 190
Chethaka Uduwarage Avatar answered Oct 01 '22 11:10

Chethaka Uduwarage