Posted at

Visual Studio Codeのエディタ色を変える

More than 3 years have passed since last update.

そのままです。エディタの背景色テーマを変更するもの。

「View→Theme」で選択します。


  • Dark Theme(デフォルト)

    default.jpg


  • Light Theme

    light.jpg


  • High Contrast Theme

    high.jpg


  • おまけ


http://pronama.azurewebsites.net/2015/04/30/visual-studio-code-theme/ より、

C:\Users(ユーザー)\AppData\Local\Code\app-0.1.0\resources\app\client\vs\monaco\ui\workbench\native\native.main.css の最後に

.monaco-editor.vs-dark,

.monaco-editor.vs-dark .zone-widget .monaco-editor {
color: #BBB;
background: #1E1E1E;
background: url('http://pronama.jp/code/sd.png') no-repeat;
background-position: right bottom;
}

を追加する。

default2.jpg

やったぜ。