110 lines
1.8 KiB
SCSS
110 lines
1.8 KiB
SCSS
.theme-vip {
|
|
$color: rgba(246, 202, 157, .7);
|
|
$is_active_color: #f6ca9d;
|
|
|
|
.avue-top {
|
|
background-color: #20222a;
|
|
}
|
|
|
|
.el-dropdown {
|
|
color: $color;
|
|
}
|
|
|
|
.avue-logo {
|
|
.avue-logo_title {
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from($color), to($is_active_color));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.avue-breadcrumb {
|
|
i {
|
|
color: $color;
|
|
}
|
|
}
|
|
|
|
.avue-sidebar {
|
|
.el-menu-item {
|
|
&.is-active {
|
|
&:before {
|
|
background: $color;
|
|
}
|
|
|
|
i, span {
|
|
color: $is_active_color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.avue-tags {
|
|
.el-tabs__item {
|
|
color: rgba(0, 0, 0, 0.4) !important;
|
|
|
|
&.is-active {
|
|
color: $is_active_color !important;
|
|
border-color: $is_active_color !important;
|
|
}
|
|
|
|
&:before {
|
|
background: $is_active_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.top-search {
|
|
.el-input__inner {
|
|
color: $color;
|
|
}
|
|
|
|
input::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder {
|
|
/* WebKit browsers */
|
|
color: $color;
|
|
}
|
|
|
|
input:-moz-placeholder,
|
|
textarea:-moz-placeholder {
|
|
/* Mozilla Firefox 4 to 18 */
|
|
color: $color;
|
|
}
|
|
|
|
input::-moz-placeholder,
|
|
textarea::-moz-placeholder {
|
|
/* Mozilla Firefox 19+ */
|
|
color: $color;
|
|
}
|
|
|
|
input:-ms-input-placeholder,
|
|
textarea:-ms-input-placeholder {
|
|
/* Internet Explorer 10+ */
|
|
color: $color;
|
|
}
|
|
}
|
|
|
|
.top-bar__item {
|
|
i {
|
|
color: $color;
|
|
}
|
|
}
|
|
|
|
.avue-top {
|
|
|
|
.el-menu-item {
|
|
i,
|
|
span {
|
|
color: $color;
|
|
}
|
|
|
|
&:hover {
|
|
i,
|
|
span {
|
|
color: $is_active_color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|