LoginSignup
32
25

More than 5 years have passed since last update.

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

Posted at

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

「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

やったぜ。

32
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
32
25