Make Visual Studio look the way you want

TL;DR · AI 摘要
Visual Studio 2026 新增主题颜色自定义功能,支持直接在 IDE 中调整 Fluent 颜色令牌,实现个性化界面。
核心要点
- Visual Studio 2026 支持直接在 IDE 中自定义 Fluent 颜色令牌,无需 JSON 文件或扩展。
- 自定义颜色按主题保存,不同主题可拥有独立的个性化设置。
- 新增颜色令牌可实现更精细的界面控制,如独立设置标签和窗口标题颜色。
结构提纲
按章节快速跳转。
- §引言
介绍 Visual Studio 2026 新增主题颜色自定义功能,满足用户个性化需求。
Visual Studio 2026 新增 Theme colors 选项页,允许用户直接在 IDE 中自定义颜色。
通过 Tools > Options > Environment > Visual Experience > Theme colors 打开自定义页面。
自定义颜色仅针对当前主题保存,不同主题可拥有独立的个性化设置。
新增颜色令牌提供更精细的界面控制,如独立设置标签和窗口标题颜色。
自定义设置以 JSON 格式保存,可轻松共享和应用到其他主题。
思维导图
用一张图看清主题之间的关系。
查看大纲文本(无障碍 / 无 JS 友好)
- Visual Studio 2026 主题颜色自定义
- 功能亮点
- 直接在 IDE 中自定义颜色
- 支持 Fluent 颜色令牌
- 无需 JSON 文件或扩展
- 自定义设置
- 按主题保存
- 支持多个主题独立设置
- 可重置单个颜色令牌
- 新增颜色令牌
- 独立设置标签和窗口标题颜色
- 实现经典复古界面风格
金句 / Highlights
值得收藏与分享的关键句。
Visual Studio 2026 新增 Theme colors 选项页,允许用户直接在 IDE 中自定义颜色,无需 JSON 文件或扩展。
自定义颜色按主题保存,不同主题可拥有独立的个性化设置,切换主题时自定义设置会自动应用。
新增颜色令牌可实现更精细的界面控制,如独立设置标签和窗口标题颜色,满足用户个性化需求。
让 Visual Studio 显得更符合你的喜好 - 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 感到好奇。
编码愉快!
.entry-content
AI免责声明