如何在Visual Studio 2017 Community中设置C#代码字体颜色并匹配VS Code主题
把VS 2017字体颜色配置改成Monokai Pro(匹配VS Code)
我太懂这种落差感了——VS Code一键装主题爽到飞起,VS 2017却要手动抠细节。要让VS 2017的风格无限接近VS Code的Monokai Pro,你需要打开工具>选项>环境>字体和颜色,逐个调整以下核心设置项,我把对应Monokai Pro的精准颜色值都列出来了:
基础编辑器全局设置
- 文本编辑器基础字体:在「显示其设置」下拉选「文本编辑器」,字体设为
Consolas(和VS Code Monokai Pro默认字体一致),字号按你的习惯选(比如14号就很舒服)。 - 编辑器背景:找到「文本编辑器」下的「背景」项,颜色设为
#2D2A2E(Monokai Pro标志性的深灰底色)。 - 选定文本高亮:背景色设为
#49483E,和VS Code里选中内容的暖灰高亮完全匹配。 - 行号颜色:找到「行号」项,前景色设为
#727072,对应主题里的浅灰行号风格。
C#核心代码元素配色
以下是C#代码里高频元素的对应设置,直接抄颜色值就行:
- 注释:前景色
#727072(Monokai Pro的柔和灰色注释) - 关键字(比如
using、namespace、class、void):前景色#66D9EF(亮眼的青蓝色) - 字符串:前景色
#E6DB74(暖黄色,和VS Code里的字符串视觉一致) - 类/接口/结构体名称:前景色
#A6E22E(清新的淡绿色) - 方法名称:前景色
#F92672(标志性的洋红色) - 局部变量/方法参数:前景色
#FD971F(温暖的橙色) - 常量/枚举值:前景色
#AE81FF(柔和的淡紫色) - 运算符(比如
+、=、&&):前景色#F92672(和方法名同色,保持风格统一) - XML注释:前景色
#75715E(比普通注释稍深的灰色,区分层级)
细节优化补全
- 当前行高亮:如果开启了这个功能,把背景色设为
#3E3D32,接近VS Code的浅灰当前行高亮。 - 括号匹配提示:前景色设为
#F92672,背景色留透明或者设为极淡的灰色,和主题调性统一。
调完这些之后,你的VS 2017编辑器风格就会和VS Code的Monokai Pro几乎一模一样了。如果还有个别小众元素没覆盖到,你可以打开VS Code按F1选「Toggle Developer Tools」,直接查看对应元素的颜色值,再回到VS 2017里对应调整就行。
内容的提问来源于stack exchange,提问作者blai30




