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

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

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

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

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

在哪里能找到它

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

自定义设置按主题区分

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

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

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

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

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

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

分享您的自定义设置

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

%LOCALAPPDATA%MicrosoftVisualStudio18.0_xxxxxxxxColorThemes

…… 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/

© 版权声明

相关文章

1 条评论

none
暂无评论...