.theme-bule {
|
.avue-header,
|
.avue-logo {
|
background: #004ca7;
|
}
|
|
.avue-sidebar {
|
background: #004ca7;
|
|
.el-menu-item.is-active,
|
.el-submenu__title.is-active {
|
background-color: rgba(0, 0, 0, 0.2);
|
}
|
}
|
|
.el-dropdown {
|
color: #fff;
|
}
|
|
.avue-logo {
|
.avue-logo_title {
|
color: #fff;
|
}
|
}
|
|
.avue-breadcrumb {
|
i {
|
color: #fff;
|
}
|
}
|
|
.top-bar__item {
|
i {
|
color: #fff;
|
}
|
}
|
|
.avue-top {
|
.el-menu-item {
|
i,
|
span {
|
color: #fff;
|
}
|
|
&:hover {
|
i,
|
span {
|
color: #fff;
|
}
|
}
|
}
|
}
|
}
|
|
.theme-deep-bule {
|
background: #19305c;
|
|
.avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item {
|
color: #fff;
|
}
|
|
.avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
color: #409eff;
|
}
|
|
.avue-contail {
|
background: #19305c;
|
}
|
|
.avue-header,
|
.avue-logo {
|
background: #19305c;
|
}
|
|
.avue-sidebar {
|
background: #19305c;
|
|
.el-menu-item.is-active,
|
.el-submenu__title.is-active {
|
background-color: rgba(0, 0, 0, 0.2);
|
}
|
}
|
|
.el-dropdown {
|
color: #fff;
|
}
|
|
.avue-logo {
|
.avue-logo_title {
|
color: #fff;
|
}
|
}
|
|
.avue-breadcrumb {
|
i {
|
color: #fff;
|
}
|
}
|
|
.top-bar__item {
|
i {
|
color: #fff;
|
}
|
}
|
|
.avue-top {
|
.el-menu-item {
|
i,
|
span {
|
color: #fff;
|
}
|
|
&:hover {
|
i,
|
span {
|
color: #fff;
|
}
|
}
|
}
|
}
|
|
.el-select-dropdown {
|
background: #0146f0;
|
color: #8ab6ff;
|
border: 1px solid #0140d8;
|
}
|
|
.el-popper[x-placement^="bottom"] .popper__arrow::after {
|
border-bottom-color: #0146f0;
|
}
|
|
.el-popper[x-placement^="bottom"] .popper__arrow {
|
border-bottom-color: #0146f0;
|
}
|
|
.el-select-dropdown__item {
|
color: #8ab6ff;
|
}
|
|
.el-select-dropdown__item.hover,
|
.el-select-dropdown__item:hover {
|
background-color: #155cf7;
|
}
|
|
.el-button:focus,
|
.el-button:hover {
|
color: #f0f0f0;
|
border-color: #83c1ff;
|
background-color: #83c1ff;
|
}
|
|
.avue-crud__right {
|
display: none !important;
|
}
|
|
.el-button--default {
|
background-color: #409eff;
|
border-color: #409eff;
|
color: #fff9ff;
|
}
|
|
.el-card {
|
height: 100%;
|
background: #19305c;
|
color: #fff;
|
|
.el-table,
|
.el-table__expanded-cell {
|
background-color: #19305c;
|
}
|
|
.el-table--border::after,
|
.el-table--group::after,
|
.el-table::before {
|
background-color: #1a325f;
|
}
|
|
.el-table__fixed-right::before,
|
.el-table__fixed::before {
|
background-color: #1a325f;
|
}
|
|
.el-loading-mask {
|
background-color: #1a325fe1;
|
}
|
|
.el-table th {
|
background-color: #155cf7;
|
color: #fff;
|
}
|
//表格 行颜色
|
.el-table td {
|
background: #004ca7;
|
color: #fff;
|
}
|
|
.el-table--striped .el-table__body tr.el-table__row--striped td {
|
background: #044be3;
|
}
|
|
.el-button--text {
|
color: #fff;
|
}
|
|
.el-collapse-item__wrap {
|
background-color: #19305c;
|
}
|
|
.el-collapse {
|
border-top: 1px solid #1a325f;
|
border-bottom: 1px solid #1a325f;
|
}
|
|
.avue-crud__menu {
|
background-color: #19305c;
|
}
|
|
.el-form-item__label {
|
color: #fff;
|
}
|
|
.el-pagination__total {
|
color: #fff;
|
}
|
|
.el-pagination__jump {
|
color: #fff;
|
}
|
|
.avue-empty__desc {
|
color: #fff;
|
}
|
|
.el-table--border,
|
.el-table--group {
|
border: 1px solid#53a7fa;
|
}
|
|
.el-table--border td,
|
.el-table--border th,
|
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
|
border-color: #53a7fa;
|
}
|
|
.el-table td,
|
.el-table th.is-leaf {
|
border-color: #53a7fa;
|
}
|
|
.el-input__inner {
|
background: #0146f0;
|
color: #8ab6ff;
|
}
|
|
.el-tooltip input {
|
background: #0146f0;
|
color: #8ab6ff;
|
}
|
|
.el-range-separator {
|
color: #8ab6ff;
|
}
|
|
.el-date-editor,
|
.el-input input {
|
border-color: #0140d8;
|
}
|
|
.avue-group .el-collapse,
|
.avue-group .el-collapse-item__wrap {
|
border-color: #19305c;
|
}
|
|
.el-pagination.is-background .btn-next,
|
.el-pagination.is-background .btn-prev,
|
.el-pagination.is-background .el-pager li {
|
margin: 0 5px;
|
background-color: #409eff;
|
color: #fff;
|
min-width: 30px;
|
border-radius: 2px;
|
}
|
|
.el-tag {
|
background-color: #409eff;
|
color: #fff;
|
border-color: #53a7fa;
|
}
|
}
|
|
#avue-view {
|
& > .el-row {
|
& > .el-col:first-child {
|
padding-right: 2px;
|
}
|
|
& > .el-col:last-child {
|
padding-left: 2px;
|
}
|
|
& > .el-col {
|
height: 100%;
|
margin-bottom: 0px;
|
|
& > .basic-container {
|
padding: 0;
|
height: 100%;
|
}
|
}
|
}
|
}
|
}
|
