You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在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的柔和灰色注释)
  • 关键字(比如usingnamespaceclassvoid):前景色 #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

火山引擎 最新活动