Visual Studio 2017 更换背景

  • 一、准备需要的IDE
  • 二、更换背景
  • 三、自定义主题



由于本人感觉VS的背景太过于单调,即使使用vs自带的更换背景工具也有一定局限性,在阅读各位大牛的操作后,除了顺利解决完这个问题后,还想记录下自己的经历,也希望能帮助其他需要的人。

一、准备需要的IDE

1、打开VS菜单栏中的“工具(Tools)”,选择“扩展和更新”

studio design冲突 studio decoration_自定义


2、然后选择“联机”,第二步在搜索框中输入“ClaudiaIDE”,第三步选择下载ClaudiaIDE,然后根据提示安装就行。

其实除了下载ClaudiaIDE外还有多种选择,也可以在搜索栏中输入“background”,按照自己意愿去下载IDE。

studio design冲突 studio decoration_重启_02


studio design冲突 studio decoration_自定义_03

二、更换背景

1、重启VS2017后,再打开工具栏下的选项,进入ClaudiaIDE下的General,选择目标图片的路径,改变背景图的其他属性(例如图片填充)。

studio design冲突 studio decoration_搜索_04


studio design冲突 studio decoration_自定义_05


最后的效果图如下:

(附:如果有些读者对于下面效果图不太满意,还想将状态栏、菜单栏这些也都改变背景的话,请继续阅读,否则就到这里就结束了)

studio design冲突 studio decoration_搜索_06

三、自定义主题

1、分别下载并安装MoeIDE和Color Theme Editor for Visual Studio 2017 (步骤和安装ClaudiaIDE一样,工具–扩展和更新–联机–右上角搜索),最后修改完成。

studio design冲突 studio decoration_重启_07


2、重启VS2017后,自动直接进入如下界面,它提供了12种默认的主题颜色(Installed Themes):

studio design冲突 studio decoration_studio design冲突_08


3、除了使用默认主题,我们还可根据自己的喜好自定义主题,在“工具”中选择“Customize Colors”,在一个默认主题上(我选的是Dark主题)选择“Create Copy of Theme”选项,然后在默认主题下面的Custom Themes中就会出现我们刚刚Copy的主题,给它重命名为“First Theme”,这个主题是能够支持编辑的。(接下来步骤就是设置具体参数了)

studio design冲突 studio decoration_studio design冲突_09


studio design冲突 studio decoration_自定义_10


4、若读者想省去设置具体参数步骤,直接想要一个透明效果主题的话,点击import theme选项导入全透明主题。(否则直接看步骤5)

https://pan.baidu.com/s/10sIDK_5p16gr-YAS47h-1w <········ 透明主题

提取码: usf6

将上面下载下来的主题直接导入,然后在“工具“–”选项“–”MoeIDE“中添加你要设置的背景图片,同时可以调整对齐和拉伸方式。最后点击确定就ok了。

studio design冲突 studio decoration_搜索_11


studio design冲突 studio decoration_重启_12


效果图如下:

studio design冲突 studio decoration_自定义_13


5、先选择刚才新建的主题,选择“Edit Theme”后,就会弹出编辑界面了,里面的各个模块的颜色,都可以修改:

studio design冲突 studio decoration_studio design冲突_14


然后选择“Show All Elements”:

studio design冲突 studio decoration_studio design冲突_15


根据下面的列表,修改指定控件的指定属性值为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
    最后,就可以大功告成!