mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4mobile wallpaper 5mobile wallpaper 6
1259 words
3 minutes
把 Visual Studio 打造成你喜欢的样子
2026-06-30

来源:Make Visual Studio look the way you want - Visual Studio Blog

把 Visual Studio 打造成你喜欢的样子#

主题展示个性。一些人偏好深色模式,一些人喜欢高对比度,还有一些人对多年前的蓝色界面有着深刻的执念。Visual Studio 2026 中的新主题基于 Fluent 构建,为我们提供了更加一致且易于访问的基础。我们听到很多用户的声音,他们希望对界面上的特定颜色有更多的控制。强调色、悬停状态、Shell 和选项卡标题之间的分隔线……这些细微之处让 IDE 真正属于你自己。

所以,我们在这上面做了一些改进。

theme-color-setting

现在,Visual Studio 新增了一个 “主题颜色” 页面,让你可以直接在 IDE 内部自定义任何 Fluent 颜色标记。无需扩展,无需四处查找 JSON 文件,无需重启。只需打开该页面,找到你想要的标记,然后选取一种新颜色即可。

在哪里可以找到它?#

在 “工具” > “选项” > “环境” > “视觉体验” > “主题颜色” 中打开。你会看到当前主题中的每个 Fluent 颜色标记呈现在一个拥有搜索功能的列表中。选中一个,更改颜色,更改将实时生效。

自定义配置与单个主题绑定#

这是我们最喜欢的一点。你所做的更改都将只保存到当前选中的主题,而非全局。因此,你可以在深色主题上加入自己的配置,在浅色主题上使用另一种配置,在有色调的主题上又使用风格完全不同的配置。在不同主题之间切换时,你的自定义配置将会自动跟随。

如果你在配置过程中感到颜色标记变得有些混乱,每个颜色都提供了单独的重置按钮,你可以只还原单个标记,而不必丢弃其他更改。

新增标记实现更精细的控制#

除了新增的配置页面外,我们还添加了一些新的颜色标记,给予你在 Shell 的不同部分之间更清晰的分隔。最常被提及的是能够独立于 Shell 界面框架的其余部分来配置选项卡和窗口标题栏的颜色,如果你想要接近经典的复古风格外观,那么你一定会喜欢这个。

有关所有颜色标记,请参阅主题颜色标记文档。

fluent-blue-theme

分享你的自定义配置#

由于自定义配置以 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。

Share

If this article helped you, please share it with others!

把 Visual Studio 打造成你喜欢的样子
https://blog.vista233.top/posts/make-visual-studio-look-the-way-you-want/
Author
forer4433
Published at
2026-06-30
License
CC BY-NC-SA 4.0

Some information may be outdated

Simple WP
Cover
Sample Song
Sample Artist
Cover
Sample Song
Sample Artist
0:00 / 0:00