接口测试平台代码实现142: 平台主题-夏日清凉

最近迷恋上了 幻彩-渐变-淡蓝浅粉珍珠白-青春无敌霹雳少女系列 的相关主题。所以抽一节文章，给大家改一改主题颜色，也让大家了解这个要怎么改。

首先要明确俩个css技术：

1. 背景渐变/边框渐变
2. 动态渐变

我们先打开主页html 即 Home.html。先来记住之前的样子吧：

然后我们先改右下的 这蓝色底部背景：

给这个div的背景色改成如下，background注意别写错了。颜色一定要淡，最好直接用我写的这个。中间夹杂了三种颜色，淡蓝/白/浅粉。方向朝右。

看看效果：

然后我们继续改 把里面的这个小蓝色方块也给改了：

其实直接复制上面的即可，只是朝向从右right变成了左left。

然后注意给里面的文字白色换成深色的

最终效果如下：

然后我们去动手左下角的历史请求记录的背景色：

然后 去修改点开项目后的俩个按钮：进入和保存：

好，修改完毕，再看看最终效果：

好，主页的修改到此为止，我只是教给大家修改颜色的方法，大家可以按照自己的喜好 设置成各种各样的主题颜色，这个渐变色不止可以放2种3种的，可以放很多很多颜色，你放个彩虹都没人管。

然后要开刀的是我们深蓝色的左侧菜单：

我一直觉得这个颜色不好看，终于逮到机会换了。菜单在我们的welcome.html文件里。

因为这个菜单是我们当时下载的第三方的组件，所以要修改它的颜色有俩种方式：

一，在welcome.html页面 强行给它的各个标签加上 背景色，来覆盖旧颜色，二是找到人家自己的css文件，找到对应的颜色并修改。

我们先尝试第二种，找找之前的背景色，不然要一个个标签加太麻烦了。

我们观察到，这个菜单下面 有这么一句，dark深色。感觉应该是控制菜单主题的代码，我们随便改几个字发现菜单就变成其他样子，更加证实了这个句代码的作用。我们根据这句代码的关键字dark-ruby 去找这个201908059658下css的几个文件 发现：

果然这几个深蓝和黄 都在里面。一下就找到了。然后就开始大刀阔斧的改颜色吧。

好了。看看最终效果吧：