【译】自定义 Visual Studio 的界面外观

  主题风格因人而异。有人习惯深色模式,有人偏爱高对比度界面,还有不少人对多年前某一款蓝色色调有着执念。Visual Studio 2026 的全新主题基于 Fluent 打造,带来统一度更高、更适配无障碍使用的底层框架,但我们收到大量用户反馈,大家希望能对各类专属色彩拥有更高自定义权限。强调色、悬浮状态样式、窗口外壳与标签标题之间的分割线条等,这些细微之处,正是让IDE拥有专属个人风格的关键。

  于是,我们对此采取了相应行动。

  Visual Studio 现已新增主题颜色选项页面,您可直接在 IDE 内自定义任意 Fluent 颜色标记。无需安装扩展程序,不用查找各类 JSON 文件,也无需重启软件。只需打开该页面,找到目标颜色标记,再选择新颜色即可。

在哪里能找到它

  通过Tools > Options > Environment > Visual Experience > Theme colors 打开该面板。您将在可搜索网格中看到当前主题下所有 Fluent 颜色标记。选中任意标记并修改颜色,修改效果会实时生效。

自定义设置按主题区分

  这是我们最喜欢的一项功能。您所做的所有修改都会保存至当前主题下,而非全局生效。因此,您可以为深色主题打造专属个性化风格,为浅色主题设置另一套差异化样式,还能给着色主题搭配截然不同的自定义效果;切换不同主题时,对应的自定义设置会自动同步加载。

  如果您钻研某个细节钻得太深,系统提供了分色重置功能,您可以仅撤销单个颜色标记,而不用舍弃其余已完成的操作。

用于实现更精细管控的新增标记

  除选项页面外,我们还新增了若干颜色标记,让终端界面各区域的视觉区分度更高。用户呼声最高的功能,就是可将标签栏与窗口标题栏的配色和终端其他界面元素分开设置。除此之外,如果您追求复古经典风格,通过该功能就能调出十分接近的复古经典界面效果。

  您可在主题颜色标记文档中查看全部可用颜色标记。

分享您的自定义设置

  由于自定义设置底层以 JSON 格式存储,因此便于分享,也能轻松适配任意主题。将 JSON 文件放入此处:

  %LOCALAPPDATA%\Microsoft\VisualStudio\18.0_xxxxxxxx\ColorThemes

  ...... Visual Studio 会使用该文件覆盖与其同名的主题。文件名必须与您想要覆盖的主题保持一致 ------ 例如 cool-breeze.json 会覆盖"Cool Breeze"主题,dark.json 会覆盖 Dark 主题,以此类推。重启 Visual Studio 后,这些自定义覆盖项就会在对应主题上生效。

  下面是一组自定义覆盖示例,可将"Cool Breeze"主题调整为更复古的蓝色调。将以下内容保存为 cool-breeze.json 文件,并存放至上述文件夹中:

复制代码
[
  {
    "Name": "EnvironmentHeader",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FFF5CC84"
  },
  {
    "Name": "EnvironmentTab",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FFF5CC84"
  },
  {
    "Name": "EnvironmentBody",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FF5D6B99"
  },
  {
    "Name": "EnvironmentBodyText",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "E4FFFFFF"
  },
  {
    "Name": "EnvironmentBackground",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FFCCD5F0"
  },
  {
    "Name": "EnvironmentHeaderInactive",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FFCCD5F0"
  },
  {
    "Name": "EnvironmentTabInactive",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FFCCD5F0"
  },
  {
    "Name": "StatusBarBackgroundFillRest",
    "Category": "5af241b7-5627-4d12-bfb1-2b67d11127d7",
    "Background": "FF40508D"
  }
]

  将该文件分享给团队同事,对方下次启动 Visual Studio 时就能看到完全一致的界面样式 ------ 无需安装任何扩展程序,也不用打包导出主题。

  您还可以获取配套全新配色的 Blue Steel 主题包,复刻复古蓝色主题效果。

为何此事至关重要

  以往的主题设置是非此即彼、要么全换要么不换的模式。如果您不喜欢任意一款内置主题,唯一可行的办法就是安装扩展程序来完整替换整套主题。可很多时候用户仅需微调一处细节(比如"只想把这一个色调调暗一点"),为此更换整套主题会产生大量不必要的性能开销。

  全新的选项页面正是为解决这一问题而设计。单次快速自定义操作应当做到便捷高效;大规模的功能调整仍需依靠扩展程序,应用市场中也有大量优质扩展程序,但我们收到的多数反馈都集中在少数特定标记上。如今您只需约十秒钟就能完成这些标记的调整。

可用性

  该功能现已集成至 Visual Studio 2026(18.7)最新版本中。不妨亲自体验一番,尝试用各类新奇方式调试程序,也欢迎在评论区分享您最终修改的标记 ------ 我们一直很好奇大家都是如何配置自己的 IDE 的。

  Happy coding!

原文链接:https://devblogs.microsoft.com/visualstudio/make-visual-studio-look-the-way-you-want/