A Dark VSCode Theme
A modified version of the One Dark Rain Coat color scheme and custom Workbench theme for Visual Studio Code.
This color scheme/theme supports ES6/Babel and is optimized for, a̶n̶d̶ ̶d̶e̶p̶e̶n̶d̶s̶ ̶o̶n̶,̶ ̶[̶S̶u̶b̶l̶i̶m̶e̶ ̶B̶a̶b̶e̶l̶]̶(̶h̶t̶t̶p̶s̶:̶/̶/̶m̶a̶r̶k̶e̶t̶p̶l̶a̶c̶e̶.̶v̶i̶s̶u̶a̶l̶s̶t̶u̶d̶i̶o̶.̶c̶o̶m̶/̶i̶t̶e̶m̶s̶?̶i̶t̶e̶m̶N̶a̶m̶e̶=̶j̶o̶s̶h̶p̶e̶n̶g̶.̶s̶u̶b̶l̶i̶m̶e̶-̶b̶a̶b̶e̶l̶-̶v̶s̶c̶o̶d̶e̶)̶ ̶E̶x̶t̶e̶n̶s̶i̶o̶n̶.̶ ̶I̶n̶s̶t̶a̶l̶l̶ ̶S̶u̶b̶l̶i̶m̶e̶ ̶B̶a̶b̶e̶l̶ ̶v̶i̶a̶ ̶̶e̶x̶t̶ ̶i̶n̶s̶t̶a̶l̶l̶ ̶s̶u̶b̶l̶i̶m̶e̶-̶b̶a̶b̶e̶l̶-̶v̶s̶c̶o̶d̶e̶
̶ ̶i̶n̶ ̶C̶o̶m̶m̶a̶n̶d̶ ̶P̶a̶l̶e̶t̶t̶e̶ ̶\̶(̶C̶t̶r̶l̶-̶S̶h̶f̶t̶-̶P̶\̶)̶.̶ and depends on Babel JavaScript Extension. Install Babel JavaScript via ext install vscode-language-babel
in Command Palette (Ctrl-Shft-P).
See something that you’d rather change?
No problem, feel free to edit and customize by using the workbench.colorCustomizations
setting. Check out the Theme Color Reference for additional options.
Open up your setttings.json
and hack way.
"workbench.colorCustomizations": {
"statusBar.background": "#3f10c0",
"statusBar.noFolderBackground": "#5f00af",
"statusBar.debuggingBackground": "#b41925"
}