Visual Studio Blog

Make Visual Studio look the way you want

8.5内容质量
Make Visual Studio look the way you want

TL;DR · AI 摘要

Visual Studio 2026 新增主题颜色自定义功能,支持直接在 IDE 中调整 Fluent 颜色令牌,实现个性化界面。

核心要点

  • Visual Studio 2026 支持直接在 IDE 中自定义 Fluent 颜色令牌,无需 JSON 文件或扩展。
  • 自定义颜色按主题保存,不同主题可拥有独立的个性化设置。
  • 新增颜色令牌可实现更精细的界面控制,如独立设置标签和窗口标题颜色。

结构提纲

按章节快速跳转。

  1. 介绍 Visual Studio 2026 新增主题颜色自定义功能,满足用户个性化需求。

  2. Visual Studio 2026 新增 Theme colors 选项页,允许用户直接在 IDE 中自定义颜色。

  3. 通过 Tools > Options > Environment > Visual Experience > Theme colors 打开自定义页面。

  4. 自定义颜色仅针对当前主题保存,不同主题可拥有独立的个性化设置。

  5. 新增颜色令牌提供更精细的界面控制,如独立设置标签和窗口标题颜色。

  6. 自定义设置以 JSON 格式保存,可轻松共享和应用到其他主题。

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • Visual Studio 2026 主题颜色自定义
    • 功能亮点
      • 直接在 IDE 中自定义颜色
      • 支持 Fluent 颜色令牌
      • 无需 JSON 文件或扩展
    • 自定义设置
      • 按主题保存
      • 支持多个主题独立设置
      • 可重置单个颜色令牌
    • 新增颜色令牌
      • 独立设置标签和窗口标题颜色
      • 实现经典复古界面风格

金句 / Highlights

值得收藏与分享的关键句。

  • Visual Studio 2026 新增 Theme colors 选项页,允许用户直接在 IDE 中自定义颜色,无需 JSON 文件或扩展。

    第 2 段

    ⬇︎ 下载 PNG𝕏 分享到 X
  • 自定义颜色按主题保存,不同主题可拥有独立的个性化设置,切换主题时自定义设置会自动应用。

    第 3 段

    ⬇︎ 下载 PNG𝕏 分享到 X
  • 新增颜色令牌可实现更精细的界面控制,如独立设置标签和窗口标题颜色,满足用户个性化需求。

    第 4 段

    ⬇︎ 下载 PNG𝕏 分享到 X
#Visual Studio#IDE#主题自定义#Fluent#颜色令牌
打开原文

让 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 文件,并放入上述文件夹中:

code
[
  {
    "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免责声明