0
0

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 1 year has passed since last update.

VSCodeでコメント( 注釈 )の色をカスタマイズする方法

Last updated at Posted at 2023-11-26

背景

写真のように、VSCodeのテーマによってはコメントの色があまりにもよく見えないので、コメントの色を変更にしたい。
image.png

Better Commentsを使用すると下の写真のように色付けができるが、基本的なコメントについては色付けができない。上級者ならこの拡張機能をカスタマイズしてもよいが、ここでそれは扱わない。よって拡張機能とは別として、基本のコメントの色を変更したい。

image.png

設定

ctrl + , -> setting.json -> 下のEdit in settings.json をクリック(環境による)

image.png

settings.jsonの一番下に以下のような設定を追加

    "editor.tokenColorCustomizations": {
        "comments": "#f8f4c09f"
    }

image.png

これで基本的なコメントの色が変更できた。拡張機能も問題なく、適用できている。

image.png

おわりに

これで自分の好みで注釈の色がカスタマイズできる。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?