1
1

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 3 years have passed since last update.

Visual Studioのダークモードでrazorファイルが見にくいのを改善する

Posted at

#1 初期状態でのrazorファイルの見え方
私はVisual Studioをダークテーマで使っているのだけれど、
razorファイルのコード部分が背景色が灰色になっていて見えにくい。
(最初からコード部分を選択しているか、検索条件に合致しているように見えてしまう。)

image.png

#2 コード部分の背景色が灰色にならないよう設定を変更

1.メニューバーの「ツール」を選択。
2.ツールの一番下の「オプション」を選択。
3.オプションが開いたら、左メニューから「環境」を開く。
4.環境の中の「フォントおよび色」を選択。
5.右側に表示項目のリストが現れるので「HTML Razorコードの背景」を選択。
6.背景色の「カスタム」を選択。
7.色の設定が表示されるので、明るさを__「28」__に設定。(最初は「75」になっている。)

あとは、開いた「色の設定」と「オプション」をそれぞれOKボタンで閉じれば設定が反映される。
image.png

#3 設定変更後のrazorファイルの見え方
コード部分の背景色が全体の背景色と一致してスッキリ見やすくなった。

image.png

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?