Visual Studio 2017如何设置透明背景图

Visual Studio 2017如何设置透明背景图

想给你的Visual Studio 2017换个酷炫的透明背景吗？这个操作其实并不复杂，只需要借助两个扩展程序，并调整一些颜色设置，就能让你的代码编辑器瞬间变得与众不同。先来看看设置前后的对比效果，变化还是挺明显的。

设置前：

设置后：

设置背景图片的扩展程序

第一步，我们需要安装一个能设置背景的扩展。打开VS的扩展管理器，路径是【工具】->【扩展和更新】->【联机】。在搜索框里输入“Background”，通常会看到两个结果：“ClaudiaIDE”和“Colorful-IDE”。怎么选呢？一个简单的原则是看更新日期——ClaudiaIDE的更新日期是2017年8月，而Colorful-IDE则是2017年1月。通常情况下，选择更新更频繁的那个总没错，毕竟兼容性和新功能支持可能更好。这里我们选择安装ClaudiaIDE。

安装完成后，别急着关窗口，关键的一步是配置。找到ClaudiaIDE的设置项，主要关注两个属性：

把“File Path”设置为你准备好的背景图片路径，然后将“Expand to IDE”这个选项设置为“True”。完成这一步后，你可能会发现效果并不理想，背景和代码混在一起，看起来有点乱。别担心，这只是半成品，接下来还有一步能让它变得完美。

编辑主题

为了让背景图真正“透明”且美观，我们需要调整IDE本身的主题颜色。这就得请出第二个扩展：“Color Theme Editor for Visual Studio 2017”。同样在扩展商店里搜索并安装它。

安装完成后，重启Visual Studio，你会看到主题编辑器的界面。如果之后找不到，可以通过【工具】->【Customize Colors】再次打开它。

这里以常用的“Dark”主题为例进行修改。点击Dark主题后面的编辑按钮。

进入编辑界面后，首先点击“Show All Elements”按钮，这样才能看到所有可以调整的界面元素。

接下来的操作需要一点耐心。我们需要将一系列特定控件的背景色值统一修改为“2A252526”。这个颜色值是一个半透明的深色，能很好地衬托背景图。具体需要修改的项如下：

Solution Explorer
TreeView -> Background

IDE and text editor
Environment -> Window
Environment -> EnvironmentBackground
Environment -> EnvironmentBackgroundGradientBegin
Environment -> EnvironmentBackgroundGradientEnd
Environment -> EnvironmentBackgroundGradientMiddle1
Environment -> EnvironmentBackgroundGradientMiddle2

Window Title
Environment -> MainWindowActiveCaption
Environment -> MainWindowInactiveCaption

Command Bar
Environment -> CommandShelfBackgroundGradientBegin
Environment -> CommandShelfBackgroundGradientEnd
Environment -> CommandShelfBackgroundGradientMiddle
Environment -> CommandShelfHighlightGradientBegin
Environment -> CommandShelfHighlightGradientEnd
Environment -> CommandShelfHighlightGradientMiddle
Environment -> CommandBarGradientBegin
Environment -> CommandBarGradientEnd
Environment -> CommandBarGradientMiddle
Environment -> CommandBarToolBarBorder

修改时，就像下图所示，找到对应项，在颜色值处输入“2A252526”即可。

全部修改完毕后，记得按下Ctrl+S保存。最后，回到主题列表，重新选择一下你刚刚编辑好的这个主题。怎么样？现在再看，背景图是不是已经完美融合，整个编辑器既个性又清晰了？

参考资料

本文方法基于k.buchi开发的ClaudiaIDE扩展实现。