5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Visual Studio Codeのテーマ毎にハイライト色を設定する

Last updated at Posted at 2018-03-06

紺色の背景が好きなのでVSCodeでTomorrow Night Blueというテーマを使用しています。
選択文字列のハイライト色がわかりにくかったので設定変更しました。
そのときのメモです。

Command+,でユーザー設定を開き、こんな感じで設定を書く。

settings.json
{
    "workbench.colorTheme": "Tomorrow Night Blue",
    "workbench.colorCustomizations": {
        "[Tomorrow Night Blue]": {
            "editor.selectionHighlightBackground": "#ffff0070",
            "editor.selectionBackground": "#00ff0060"
        }
    }
}

設定項目は見ればわかると思いますが、カラーコードの下2桁は透明度です。
数値が大きいほど不透明に近く、小さいほど透明度が高くなります。

変更後はこんな感じ。
スクリーンショット 2018-03-06 17.16.40.png

設定項目について詳しくはこちら。
https://code.visualstudio.com/docs/getstarted/theme-color-reference

テーマのカスタマイズについてはこちら。
https://code.visualstudio.com/docs/getstarted/themes#_customizing-a-color-theme

5
8
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
5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?