Custom Theme [自定义主题] 醒目沙拉主题 Salad Style

[sean2feng]

首先，感谢 @crimx 和其他主题分享者，我只是在讨论版块中看到已分享的主题之上和作者的指导下稍作了一点小的改动。

主要想法

为了方便眼睛迅速区分和定位到某一部字典的释义；
导航栏作沙拉碗，各部字典作沙拉。

改动

搜索导航栏，使用了沙拉查logo中沙拉碗的蓝色；
Vocabulary，使用了淡绿色#eafaea；
牛津高阶，使用了淡蓝色#ddeef9；
有道词典，使用了淡红色#fbe3e3；
剑桥字典，使用了淡黄色#fdf8e4；
韦氏字典，使用了淡灰蓝色#cfe1ea；

以上颜色都尽量使用了字典本身的主题色。

大家可以根据自己的喜好选择颜色，并为相应的词典添加代码：

【代码】

.d-字典名称 {
background-color: 颜色;
}

【字典名称】

可以通过下面链接查找：
https://github.com/crimx/ext-saladict/tree/dev/src/components/dictionaries

【颜色】

可以通过下载插件 Color Picker 或者其他取色器来进行拾取

效果图

主题代码：

.menuBar {
background-color: #4c97b6;
border-bottom: 1px solid #eee;
padding: 5px;
}

.menuBar-SearchBox_Wrap {
padding-right: 8px;
}

.menuBar-SearchBox {
color: #000;
background-color: #ffffff;
padding: 5px 10px;
border-radius: 10px;
}

.dictItemHead {
background: #f0f2f5;
border-radius: 10px;
padding: 5px;
height: auto;
}

.d-vocabulary {
background-color: #eafaea;
}

.d-oaldict {
background-color: #ddeef9;
}

.d-youdao {
background-color: #fbe3e3;
}

.d-cambridge {
background-color: #fdf8e4;
}

.d-merriamwebster {
background-color: #cfe1ea;
}