添加第三套皮肤基本样式

whyczyk

2021-06-19 fc627e95c7d85d35961cf28f06edf5373211d45a

添加第三套皮肤基本样式

 public/theme/img/science-black/page-header-left-bg.png

 public/theme/img/science-black/science-head-tag.png

 public/theme/img/science-green/chart-wrapper-title-bg-left.png

 public/theme/img/science-green/chart-wrapper-title-bg-right.png

 public/theme/img/science-green/chart-wrapper-title-bg.png

 public/theme/img/science-green/dw_bg.jpg

 public/theme/img/science-green/page-header-bg.jpg

 public/theme/img/science-green/page-header-left-bg.jpg

 public/theme/science-black.css

@@ -1,249 +1,251 @@
.el-input__inner,
.el-date-editor .el-range-input,
.el-cascader__dropdown {
    background-color: #214865;
    border: 1px solid #1fcbe1;
    color: #00fefe;
  background-color: #021132;
  border: 1px solid #0ca7e2;
  color: #FFFFFF;
}

.el-select-dropdown__item,
.el-cascader-menu {
    color: #ffffff;
  color: #ffffff;
}

.el-select-dropdown__item.selected,
.el-cascader-node.in-active-path {
    color: #00feff;
  color: #0ca7e2;
}

.el-select-dropdown {
    background-color: #214865;
    border-color: #00fefe;
  background-color: #021132;
  border-color: #0ca7e2;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #214865 !important;
  border-bottom-color: #021132 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background-color: #416293;
  background-color: #416293;
}

.el-science-blue,
.pages-config {
    background: url(./img/science-black/dw_bg.jpg) no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
  background-color: #021132;
  color: #FFFFFF;
}

/* tabs */
.el-science-blue .el-tabs--border-card {
    background: transparent;
    border: 1Px solid #00fefe;
    border-radius: 6Px;
  background: transparent;
  /* border: 2Px solid #143a92; */
  border-color: #0ca7e2;
}

.el-science-blue .el-home-tabs.el-tabs--border-card {
    border-left: none;
    border-right: none;
    border-bottom: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header {
    background-color: #00243e;
  background-color: #021132;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item {
    color: #00fefe;
  color: #55dbff;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #00fefe;
    border-color: #00fefe;
    color: #041F6C;
  background-color: #55dbff;
  border-color: #55dbff;
  color: #041F6C;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header {
    border-bottom: 1px solid #00fefe;
  border-bottom: 1px solid #0ca7e2;
}

.el-science-blue .el-tabs--border-card.top-border>.el-tabs__header {
    border: 1px solid #00feff;
  border: 1px solid #55dbff;
}

/* .el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
    color: #041F6C;
} */

.el-science-blue .el-tabs__item.is-left {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .el-tabs__item.is-left.is-active {
    color: #1de6d4;
  color: #1de6d4;
}

.el-tabs.el-tabs--left .el-tabs__content,
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane {
    height: 100%;
  height: 100%;
}

.el-science-blue .tab-menu-left {
    border-right: 1px solid #00fefe;
    color: #00fefe;
  border-right: 1px solid #55dbff;
  color: #55dbff;
}

.el-science-blue .tab-menu-left:hover {
    cursor: pointer;
    background-color: #00fefe;
    color: #041F6C;
  cursor: pointer;
  background-color: #55dbff;
  color: #041F6C;
}

.el-science-blue .tab-menu-left:active {
    cursor: pointer;
    background-color: #00fefe;
    color: #041F6C;
  cursor: pointer;
  background-color: #55dbff;
  color: #041F6C;
}

.el-science-blue .el-tabs__nav-prev,
.el-science-blue .el-tabs__nav-next {
    color: #FFFFFF;
  color: #FFFFFF;
}

/* drawer */
.el-science-blue .el-drawer {
    padding: 6px;
  padding: 6px;
}

.el-science-blue .el-drawer,
.el-science-blue .el-drawer .el-menu {
    background-color: #153953;
  background-color: #031a46;
}

.el-science-blue .el-drawer .el-menu.el-menu--inline {
    background-color: #072436;
    border-radius: 8px;
    overflow: hidden;
  background-color: #021132;
  border-radius: 8px;
  overflow: hidden;
}

.el-science-blue .menu-content {
    color: #FFFFFF;
  color: #FFFFFF;
}



/* menu */
.el-science-blue .el-menu {
    color: #FFFFFF;
    border-right: none;
    background-color: #000000;
  color: #FFFFFF;
  border-right: none;
  background-color: #000000;
}

.el-science-blue .el-submenu__title [class^=el-icon],
.el-science-blue .submenu__title [class^=el-icon] {
    display: inline-block;
    background-color: #01fdfe;
    padding: 8px 4px;
    border-radius: 18px;
    color: #01253f;
    margin-right: 11px;
  display: inline-block;
  background-color: #0ca7e2;
  padding: 8px 4px;
  border-radius: 18px;
  color: #021132;
  margin-right: 11px;
}

.el-science-blue .el-menu-item {
    color: #1ccfe5;
    position: relative;
    transition: none;
  color: #0ca7e2;
  position: relative;
  transition: none;
  font-weight: bold;
}

.el-science-blue .el-menu-item.is-active .submenu__title [class^=el-icon] {
    background-color: #01fefc;
  background-color: #0ca7e2;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #00feff;
    top: 50%;
    left: 30px;
    margin-top: -3px;
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0ca7e2;
  top: 50%;
  left: 30px;
  margin-top: -3px;
}

.el-science-blue .el-submenu__title {
    color: #1ccfe5;
    font-weight: bold;
  color: #4ba1fa;
  font-weight: bold;
}

.el-science-blue .el-submenu__title:hover,
.el-science-blue .el-menu-item:hover {
    background-color: #214865;
  background-color: #55dbff;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item {
    padding-left: 48px !important;
  padding-left: 48px !important;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active {
    background-color: #1ccfe5;
    color: #054150;
  background-color: #0ca7e2;
  color: #021a64;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active::before {
    background-color: #054150;
  background-color: #021a64;
}

.el-science-blue .el-menu-item.is-active {
    background-color: #00253f;
    color: #00fefe;
  background-color: #021132;
  color: #0ca7e2;
}

.el-science-blue .el-submenu__title i {
    color: #01ffff;
    font-size: 14px;
    font-weight: bold;
  color: #0ca7e2;
  font-size: 14px;
  font-weight: bold;
}

/* tree */
.el-science-blue .el-tree {
    background: none;
    color: #1fcbe1;
  background: none;
  color: #FFFFFF;
}

.el-science-blue .el-tree .el-tree-node:focus>.el-tree-node__content {
    background: none;
  background: none;
}

.el-science-blue .el-tree .el-tree-node>.el-tree-node__content:hover {
    background-color: #214865;
  background-color: #55dbff;
}

.el-science-blue .el-tree .el-tree-node.is-current>.el-tree-node__content {
    background-color: #214865;
  background-color: #031a46;
}

.el-science-blue .params-dialog .el-tree {
    color: #606266;
  color: #606266;
}

.el-science-blue .params-dialog .el-tree .el-tree-node>.el-tree-node__content:hover {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .params-dialog .el-tree .el-tree-node.is-current>.el-tree-node__content {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .el-tree-node__expand-icon {
    color: #1fcbe1;
  color: #FFFFFF;
}

.el-science-blue .el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
  color: transparent;
  cursor: default;
}


@@ -251,844 +253,669 @@
/* input */
.el-science-blue .el-input.is-disabled .el-input__inner,
.el-science-blue .el-input__inner {
    background-color: #214865;
    border-color: #1fcbe1;
    color: #00fefe;
  background-color: #031a46;
  border-color: #0ca7e2;
  color: #0ca7e2;
}

.el-science-blue .params-dialog .el-input.is-disabled .el-input__inner,
.el-science-blue .params-dialog .el-input__inner {
    border-color: #DCDFE6;
    color: #153953;
    background-color: #cccccc;
  border-color: #DCDFE6;
  color: #042271;
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-form-item__label {
    color: #153953;
    font-size: 12px;
    font-weight: bold;
  color: #042271;
  font-size: 12px;
  font-weight: bold;
}

.el-form--label-top .el-form-item__label {
    padding: 0;
  padding: 0;
}

.el-science-blue .params-dialog .el-input__inner[readonly=readonly] {
    background-color: #cccccc;
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select,
.el-science-blue .params-dialog .el-date-editor.el-input,
.el-science-blue .params-dialog .el-date-editor.el-input__inner {
    width: 100%;
  width: 100%;
}

.el-science-blue .params-dialog .el-select .el-input__inner[readonly=readonly] {
    background-color: #cccccc;
  background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select .el-input .el-select__caret {
    color: #153953;
  color: #042271;
}

.el-science-blue .params-dialog .el-form-item--mini.el-form-item,
.el-science-blue .params-dialog .el-form-item--small.el-form-item {
    margin-bottom: 8px;
  margin-bottom: 8px;
}

.el-science-blue .params-dialog .three-btn {
    box-shadow: none;
    background-color: #153953;
  box-shadow: none;
  background-color: #042271;
}

.el-science-blue .params-dialog .three-btn:active {
    box-shadow: none;
    position: relative;
    top: 0px;
  box-shadow: none;
  position: relative;
  top: 0px;
}

.el-science-blue .params-dialog .el-select .el-input.is-focus .el-input__inner {
  border-color: #042271;
}

.el-science-blue .el-input__prefix,
.el-input__suffix,
.el-science-blue .el-select .el-input .el-select__caret {
    color: #1fcbe1;
  color: #0ca7e2;
}

.el-science-blue .el-select:hover .el-input__inner {
    border-color: #00fefe;
  border-color: #0ca7e2;
}

.el-science-blue .el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: #00fefe;
  cursor: pointer;
  border-color: #0ca7e2;
}

.el-science-blue .el-cascader .el-input .el-input__inner:focus,
.el-science-blue .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #00fefe;
  border-color: #0ca7e2;
}

.el-science-blue .el-select .el-input.is-focus .el-input__inner {
    border-color: #00fefe;
  border-color: #0ca7e2;
}

.el-science-blue .el-input__inner::-webkit-input-placeholder {
    color: #51758b;
  color: #0ca7e2;
}

/* bg white */
.el-science-blue .el-select:hover .el-input__inner,
.el-science-blue .bg-white .el-select .el-input.is-focus .el-input__inner {
    border-color: #00fefe;
  border-color: #409EFF;
}

.el-science-blue .bg-white .el-select .el-input .el-select__caret {
    color: #153953;
  color: #042271;
}

.el-science-blue .bg-white .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
  color: #c0c4cc;
}

/* table */
.el-science-blue .el-table {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .el-table,
.el-science-blue .el-table__expanded-cell,
.el-science-blue .el-table tr {
    background: none;
  background: none;
}
.el-science-blue .el-table tr {
    background: #00253F;
}

.el-science-blue .el-table th {
    font-size: 14px;
    background-color: #0d4f65;
    border-bottom: 1px solid #03d2d8;
  background: none;
  font-size: 14px;
}

.el-science-blue .el-table thead {
    color: #00fefe;
    font-weight: bold;
  color: #55dbff;
  font-weight: bold;
}

.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover>td,
.el-science-blue .el-table__body tr.hover-row>td {
    background-color: #1b4a6c;
  background-color: #5990c4;
}

.el-science-blue .el-table__fixed-right {
    background-color: #00253f;
    z-index: 9;
  background-color: #052272;
  z-index: 9;
}

.el-science-blue .el-table th.is-leaf {
    border-bottom: none;
  border-bottom: none;
}

.el-science-blue .el-table td {
    border-bottom: none;
  border-bottom: none;
  background: #0b388a;
}

.el-science-blue .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #153953;
  background: none;
}
.el-science-blue .el-table--striped.table-stripe-odd .el-table__body tr.el-table__row td {
    background-color: #0D4260;
}
.el-science-blue .el-table--striped.table-stripe-odd .el-table__body tr.el-table__row--striped td {
    background-color: #00253F;
}

.el-science-blue .el-table th>.cell {
    font-weight: bold;
  font-weight: bold;
}

.el-science-blue .el-table--border::after,
.el-science-blue .el-table--group::after,
.el-science-blue .el-table::before {
    background-color: transparent;
  background-color: transparent;
}

.el-science-blue .el-table__fixed-right::before,
.el-science-blue .el-table__fixed::before {
    background-color: transparent;
  background-color: transparent;
}

.el-science-blue .el-table td .el-button--primary {
    border-color: #f69f40;
    background-color: #f69f40;
    color: #FFFFFF;
  border-color: #f69f40;
  background-color: #f69f40;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--primary:hover {
    border-color: #f68e38;
    background-color: #f68e38;
  border-color: #f68e38;
  background-color: #f68e38;
}

.el-science-blue .el-table td .el-button--danger {
    border-color: #f3535f;
    background-color: #f3535f;
    color: #FFFFFF;
  border-color: #f3535f;
  background-color: #f3535f;
  color: #ffe328;
}

.el-science-blue .el-table td .el-button--danger:hover {
    border-color: #f3435b;
    background-color: #f3435b;
  border-color: #f3435b;
  background-color: #f3435b;
}

.el-science-blue .el-table td .el-button--success {
    border-color: #8fed7d;
    background-color: #8fed7d;
    color: #041f6e;
  border-color: #8fed7d;
  background-color: #8fed7d;
  color: #041f6e;
}

.el-science-blue .el-table td .el-button--success:hover {
    border-color: #6bed6b;
    background-color: #6bed6b;
  border-color: #6bed6b;
  background-color: #6bed6b;
}
.el-science-blue .el-table.border-table .el-table__body-wrapper{
    box-sizing: border-box;
    border-left: 1Px solid #00fefe;
    border-right: 1Px solid #00fefe;
    border-bottom: 1Px solid #00fefe;
    border-top: 1Px solid #00fefe;

.el-science-blue .el-table.border-table .el-table__body-wrapper {
  box-sizing: border-box;
  border-left: 1Px solid #0ca7e2;
  border-right: 1Px solid #0ca7e2;
  border-bottom: 1Px solid #0ca7e2;
  border-top: 1Px solid #0ca7e2;
}

.el-science-blue .el-table .table-list-name {
    color: #00fefe;
    border-right: 1Px solid #00fefe;
  color: #0ca7e2;
  border-right: 1px solid #0ca7e2;
}

.el-science-blue .el-table .table-list-name.white-color {
    color: #fff;
  color: #fff;
}

.el-science-blue .el-table .table-list-name.no-border {
    border-right: none;
  border-right: none;
}

.el-science-blue .el-table th.table-list-value {
    color: #00fefe;
  color: #0ca7e2;
}

.el-science-blue .el-table .table-list-value {
    color: #fef200;
  color: #fef200;
}

.el-table--small td.table-list-name,
.el-table--small td.table-list-value {
    padding: 4px 0;
  padding: 4px 0;
}

/* el-popover */
.el-popover {
    padding: 0;
    background: none;
    border: none;
  padding: 0;
  background: none;
  border: none;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: rgb(30, 125, 219);
  border-bottom-color: rgb(30, 125, 219);
}

.el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #FFF;
  border-bottom-color: #FFF;
}

/* dialog */
.el-science-blue .el-dialog__header {
    padding: 8px 16px;
    background-color: #153953;
  padding: 8px 16px;
  background-color: #042271;
}

.el-science-blue .el-dialog__title {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

.el-science-blue .el-dialog__headerbtn {
    top: 8px;
  top: 8px;
}

.el-science-blue .el-dialog__headerbtn .el-dialog__close {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .el-dialog__body {
    padding: 0;
  padding: 0;
}

/* el-transfer */
.el-science-blue .el-transfer-panel {
    background: #153953;
    border: none;
    padding: 18px 12px;
  background: #042271;
  border: none;
}

.el-science-blue .el-transfer-panel__header {
    background-color: #00253f;
    border-bottom: none;
    border-radius: 4px;
  background-color: #0c3688;
  border-bottom: none;

}

.el-science-blue .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: #03d2d8;
  color: #4ba1fa;
}

.el-science-blue .el-transfer-panel__item.el-checkbox {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: #03d2d8;
  color: #FFFFFF;
}

.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #00fefe;
    border-color: #00fefe;
  background-color: #55dbff;
  border-color: #55dbff;
}

.el-science-blue .el-checkbox__inner::after {
    border-color: #052270;
  border-color: #052270;
}

/* el-pagination */
.el-science-blue .el-pagination__total,
.el-science-blue .el-pagination__jump {
    color: #FFFFFF;
  color: #FFFFFF;
}

.el-science-blue .el-pagination .btn-next,
.el-science-blue .el-pagination .btn-prev {
    background: none;
    color: #3ebdc9;
  background: none;
  color: #3ebdc9;
}

.el-science-blue .el-pager li {
    color: #FFFFFF;
    background: none;
  color: #FFFFFF;
  background: none;
}

.el-science-blue .el-pager li.active {
    color: #3ebdc9;
  color: #409EFF;
}

.el-science-blue .el-pagination .el-input__inner {
    background-color: #153953;
    border-color: #1ccfe5;
    color: #FFFFFF;
  background-color: #021132;
  border-color: #0ca7e2;
  color: #FFFFFF;
}

.el-science-blue .el-pagination .el-select .el-input.is-focus .el-input__inner,
.el-science-blue .el-pagination .el-select:hover .el-input__inner {
    border-color: #3eaffa;
  border-color: #3eaffa;
}

.el-science-blue .el-pagination .el-select .el-input .el-select__caret {
    color: #FFFFFF;
  color: #0ca7e2;
}

.el-science-blue .el-pagination-btns .el-button--primary {
    background-color: #1ccfe5;
    border-color: #1ccfe5;
    color: #012440;
  background-color: #0ca7e2;
  color: #041f6c;
}

/* el-radio */
.el-science-blue .el-radio__label {
    color: #FFFFFF;
  color: #FFFFFF;
}


.el-science-blue .pifu-list-header {
    background-color: #2aa2bb;
    color: #00fefe;
  background-color: #0c3688;
  color: #55dbff;
}

.el-science-blue .flex-layout-body {
    background-color: #00253f;
  background-color: #021132;
}

.el-science-blue .page-header-container .flex-layout-body {
    background-color: transparent;
  background-color: transparent;
}

.el-science-blue .content-box-title {
    /*background-image: linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    /*background-image: -ms-linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    /*background-image: -webkit-linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    /*background-image: -moz-linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    background-color: #00fefe;
    color: #153953;
  background-color: #55dbff;
  color: #021132;
}

.el-science-blue .content-box-container.siteList {
    background-color: #153953;
  background-color: #042271;
}

.el-science-blue .content-box {
    border: 1px solid #1ccfe5;
    background-color: #00253f;
  border: 2px solid #0ca7e2;
}

.el-science-blue .map-container {
    border: 1px solid #1ccfe5;
  border: 1px solid #0ca7e2;
}

.el-science-blue .pifu-item-img.active .el-image {
    border: 3px solid #00FEFE;
    box-sizing: border-box;
  border: 3px solid #00FEFE;
  box-sizing: border-box;
}

.el-science-blue .hdw-badge-btn {
    background-color: #0d2f4a;
    border: 2px solid #00fefe;
    color: #FFFFFF;
    transform: skewX(-30deg);
}

.el-science-blue .hdw-badge-btn>div {
    transform: skewX(30deg);
  background: url('./img//science-black/science-head-tag.png') 0 0 no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  padding-top: 6px;
}

.el-science-blue .hdw-badge-value {
    background-color: #00fefe;
    color: #143954;
    top: 0.05rem !important;
    right: -1.8rem !important;
  background-color: #fffffe;
  color: #021132;
  top: 4px !important;
}

.el-science-blue .my-card {
    border: 1px solid #05ccd3;
    background-color: #153953;
    border-radius: 8px;
  border: 2px solid #143a92;
  background-color: #042271;
}

.el-science-blue .my-card-header {
    background-image: linear-gradient(to right, #2aa2bb, #1ccfe5);
    line-height: 36px !important;
    padding: 0 8px !important;
    margin: 4px 4px 8px 4px !important;
    border-radius: 4px;
}

.el-science-blue .my-card-header .card-title {
    color: #153953;
    font-size: 20px;
    font-weight: bold;
}

.el-science-blue .my-card-header .card-title+.my-card-tools .el-button {
    background-color: #153a54;
    border-color: #153a54;
    color: #3f919d;
    padding: 3px;
  background-image: linear-gradient(to right, #0c3688, #0c368800);
}

.el-science-blue .power-tree-wrapper {
    background-color: #153953;
}

.el-science-blue .page-header-container {
    background: url(./img/science-black/page-header-bg.jpg) 0 0 no-repeat;
    background-size: 100% 94%;
  background-color: #042271;
}

.el-science-blue .page-header-left {
    background: url(./img/science-black/page-header-left-bg.jpg) 0 0 no-repeat;
    background-size: 100% 94%;
  background: url(./img/science-black/page-header-left-bg.png) 0 50% no-repeat;
  background-size: 100% 80%;
  padding-left: 20px;
}

.el-science-blue .page-header-left span {
    color: #00fefe;
  color: #fffffe;
}

.el-science-blue .page-header-left span.sys-version {
    color: #00fefe;
  color: #fffffe;
}

.el-science-blue .flex-layout.noborder {
    border: none;
    border-top: 1px solid #00fefe;
  border: none;
  border-top: 1px solid #0ca7e2;
}

.el-science-blue .flex-layout.top-border {
    border: none;
  border: none;
}

.el-science-blue .filter-box-table {
    box-sizing: border-box;
    border-top: 1px solid #03d2d8;
    border-right: 1px solid #03d2d8;
    border-left: 1px solid #03d2d8;
  box-sizing: border-box;
  border-top: 1px solid #4ba1fa;
  border-right: 1px solid #4ba1fa;
  border-left: 1px solid #4ba1fa;
}

.el-science-blue .filter-box-table .table-cell {
    border-bottom: 1px solid #03d2d8;
  border-bottom: 1px solid #4ba1fa;
}

.el-science-blue .map-icon-details-wrapper {
    background-color: #153953;
    color: #1ecee5;
  border: 2px solid #0ca7e2;
  background-color: #031a46;
  color: #0ca7e2;
}

.el-science-blue .map-icon-details-title {
    background: #00253f;
    color: #1ecee5;
  background: #021132;
  color: #0ca7e2;
}

.el-science-blue .transparentBtn {
    background-color: transparent;
    border-color: transparent;
    color: #03d2d8;
  background-color: transparent;
  border-color: transparent;
  color: #4ba1fa;
}

.el-science-blue .transparentBtn:hover {
    background-color: transparent;
    border-color: transparent;
    color: #00fefe;
}

.el-science-blue .table-row .table-cell {
    color: #00fefe;
}

.el-science-blue .page-header-left img,
.el-science-blue .page-header-left span {
    margin-top: -10px;
  background-color: transparent;
  border-color: transparent;
  color: #0ca7e2;
}

.el-science-blue .statusWarp {
    background-color: #00fefe;
  background-color: #fffffe;
}

.el-science-blue .statusWarp.error-state {
    background-color: #fb8d1a;
  background-color: #ff6502;
}

.el-science-blue .statusWarp.stop-state {
    background-color: #afafaf;
  background-color: #afafaf;
}

.el-science-blue .hdw-avatar-icon {
    background-color: #00fefe !important;
    color: #022038 !important;
  background-color: #fffffe !important;
  color: #021132 !important;
}

.el-science-blue .hdw-avatar-text {
    color: #1ccfe5 !important;
  color: #fffffe !important;
}

.el-science-blue .header-carve-up {
    background-color: #1ccfe5;
}

.el-science-blue .header-info-list {
    padding-left: 27px !important;
}

.el-science-blue .page-header-content {
    padding-top: 8px;
}

.el-science-blue .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #00fefe;
}

.el-science-blue .condiOpt {
    border: 1px solid #03d2d8 !important;
}

.el-science-blue .science-box {
    background-color: #153953 !important;
    border-color: #05ccd3 !important;
}
.science-box .box-header {
    color: #FFFD1E;
}
.science-box .box-content::before {
    border-color: #05ccd3 transparent transparent !important;
}
.science-box .box-content::after {
    border-color: #153953  transparent transparent !important;
}

.el-science-blue .baoji-group-list a {
    color: #1fcbdf !important;
}

.el-science-blue .baoji-group-list a:hover,
.el-science-blue .baoji-group-list a.active-item {
    background-color: #214865 !important;
}

.el-science-blue .baoji-group-list a.active-item {
    background-color: #214865 !important;
  background-color: #fffffe !important;
}

.el-science-blue .page-content-tools .hdw-btn {
    background-color: transparent;
    border-color: transparent;
    color: #00253f;
  background-color: transparent;
  border-color: transparent;
  color: #4ba1fa;
}
.el-science-blue .page-content-tools .hdw-btn .light-color {
    color: #00fefe;
}

.el-science-blue .el-table-wrapper {
    background-color: #1b4a6c !important;
}

.el-science-blue .chart-wrapper {
    background-image: none !important;
    background-color: #153953 !important;
}

.el-science-blue .chart-wrapper-corner.top-right,
.el-science-blue .chart-wrapper-corner.bottom-right,
.el-science-blue .chart-wrapper:before,
.el-science-blue .chart-wrapper:after {
    border-color: #42d3ff !important;
    z-index: 9;
}

.el-science-blue .chart-wrapper:before,
.el-science-blue .chart-wrapper:after,
.el-science-blue .chart-wrapper-corner {
    width: 60px ;
    height: 60px ;
}

.el-science-blue .el-transfer .el-transfer__buttons .el-button {
    color: #002740 !important;
    background-color: #1ccfe5 !important;
    border-color: #1ccfe5 !important;
}

.el-science-blue .el-transfer .el-transfer__buttons .el-button.is-disabled,
.el-science-blue .el-transfer .el-transfer__buttons .el-button.is-disabled:hover {
    background-color: #1a98a6 !important;
    border-color: #1a98a6 !important;
}

.el-science-blue .chart-wrapper-title {
    background: url(img/science-black/chart-wrapper-title-bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 15%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    left: 0 !important;
    top: 0 !important;
}

.el-science-blue .chart-wrapper-title .title-icon {
    margin-top: 10px;
}

.el-science-blue .chart-wrapper-title .title-icon:before {
    background-color: #009a9a !important;
}

.el-science-blue .chart-wrapper-title .title-icon .title-icon-content {
    background-color: #00c3c3 !important;
}

.el-science-blue .chart-wrapper-title .title-icon:after {
    background-color: #00feff !important;
}

.el-science-blue .chart-tools-wrapper {
    top: 6px !important;
    right: 6px !important;
}

.el-science-blue .box-tools {
    color: #153953 !important;
}

.el-science-blue .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #707c9c !important;
}


.hdw-menu-list {
    border-color: #ffffff !important;
  border-color: #55dbff !important;
}

.hdw-menu-item a {
    background-color: #153953 !important;
  background-color: #0b388a !important;
}

.hdw-menu-item a:hover {
    background-color: #344a5c !important;
  background-color: #1f57c0 !important;
}

.el-picker-panel {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    background: #153953 !important;
  color: #ffffff !important;
  border: 1px solid #2761b5 !important;
  background: #042271 !important;
}

.el-picker-panel .el-picker-panel__footer {
    background-color: #153953 !important;
    ;
  background-color: #042271 !important;
  ;
}

.el-picker-panel .el-picker-panel__footer .el-button--default {
    background-color: #00feff !important;
    border-color: #00feff !important;
    color: #032c8f !important;
  background-color: #55dbff !important;
  border-color: #55dbff !important;
  color: #032c8f !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--text {
    color: #00feff !important;
  color: #55dbff !important;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #00feff !important;
  color: #4ba1fa !important;
}

.el-date-table th {
    color: #ffffff !important;
    border-bottom: solid 1px #ffffff;
  color: #ffffff !important;
  border-bottom: solid 1px #2761b5;
}

.el-date-picker__header-label {
    color: #ffffff !important;
}

.el-date-table td.current:not(.disabled) span {
    background-color: #00feff !important;
  color: #ffffff !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #153953;
  border-bottom-color: #042271;
}

.vl-notify.vl-notify-main {
    background-color: #153953 !important;
    border: none !important;
    color: #fb8d1a !important;
  background-color: #153953 !important;
  border: none !important;
  color: #ffe329 !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
    background-color: #fb8d1a !important;
    border-bottom: none !important;
    color: #041f6c !important;
}

.vl-notify.vl-notify-alert .vl-notify-content .vlayer {
    color: #fb8d1a !important;
  background-color: #ffe329 !important;
  border-bottom: none !important;
  color: #041f6c !important;
}

.notify-btn {
    color: #041f6c !important;
    background-color: #90ed7d !important;
    border: 1px solid #90ed7d !important;
  color: #041f6c !important;
  background-color: #90ed7d !important;
  border: 1px solid #90ed7d !important;
}

.notify-btn-primary {
    color: #041f6c !important;
    background-color: #1dcfe5 !important;
    border: 1px solid #1dcfe5 !important;
}

.ele-filter-container {
    background-color: #00253f !important;
  color: #041f6c !important;
  background-color: #f69f41 !important;
  border: 1px solid #f69f41 !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #1dcfe5 !important;
    border: 1px solid #1dcfe5 !important;
}

.comparisonWarp {
    background: url(./img/science-black/dw_bg.jpg) no-repeat !important;
    background-size: 100% 100%;
}

.comparisonWarp .borderCon {
    border: 1px solid #00fefe !important;
  background-color: #416293;
}

/* el-progress__text */
.el-science-blue .el-progress__text {
    color: #FFFFFF;
}

.el-radio__input.is-checked+.el-radio__label {
    color: #00fefe;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #00fefe;
    background: #00fefe;
}

.el-date-editor .el-range__icon,
.el-date-editor .el-range-separator {
    color: #00fefe;
  color: #FFFFFF;
}

/* full-screen */
.e-chart-root.full-screen .e-chart-container {
    background: url("./img/science-black/dw_bg.jpg") no-repeat;
  /* background: url("./img/science-blue/dw_bg.jpg") no-repeat; */
}

.el-date-picker__header .el-picker-panel__icon-btn {
    color: #00fefe;
  color: #0ca7e2;
}

.module-info {
  background: #072886;
}

.table-wrapper {
  background: #052272;
}

/*science box*/
.science-box .box-header {
  color: #FFFD1E;
}

.table-info-list td {
    color: #00fefe;
  color: #FFFD1E;
}

.hdw-state-list-wrapper {
    background-color: #153953 ;
    border: 1px solid #0376A5;
  background-color: #0B388B;
  border: 1px solid #0376A5;
}

/* flex-box */
.flex-box {
    box-sizing: border-box;
    background-color: #0B3550;
  background-image: radial-gradient(#151f4140, #3667ec40);
  ;
}
.flex-box-header {
    background-image: url("./img/science-black/chart-wrapper-title-bg.png");
    background-size: 100% 100%;
}

.flex-box .flex-box-border {
    width: 70px;
    height: 70px;
  width: 30px;
  height: 30px;
}

.flex-page-wrapper-border {
    border: 1px solid #20A3B9;
  border: 1px solid #143a92;
}

.chart-wrapper:before,
.chart-wrapper:after,
.chart-wrapper-corner{
    width: 16px;
    height: 16px;
.chart-wrapper-corner {
  width: 16px;
  height: 16px;
}

.border-full {
    border: 1Px solid #00fefe;
  border: 1Px solid #0ca7e2;
}

.border-right {
    border-right: 1Px solid #00fefe;
  border-right: 1Px solid #0ca7e2;
}

.el-science-blue .time-icon i {
    color: #153953;
  color: #041F6C;
}

.el-science-blue .term-date {
    background-color: #00FEFF;
    color: #00253F;
  background-color: #0ca7e2;
  color: #002A70;
}

.el-science-blue .term-date-value {
    background-color: #00253F;
    color: #FFFFFF;
  background-color: #050D5F;
  color: #FFFFFF;
}

.table-row .table-cell {
  color: #0ca7e2 !important;
}

.box-tools {
  color: #021132 !important;
}

 public/theme/science-green.css

New file
@@ -0,0 +1,1120 @@
.el-input__inner,
.el-date-editor .el-range-input,
.el-cascader__dropdown {
    background-color: #214865;
    border: 1px solid #1fcbe1;
    color: #00fefe;
}

.el-select-dropdown__item,
.el-cascader-menu {
    color: #ffffff;
}

.el-select-dropdown__item.selected,
.el-cascader-node.in-active-path {
    color: #00feff;
}

.el-select-dropdown {
    background-color: #214865;
    border-color: #00fefe;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #214865 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background-color: #416293;
}

.el-science-blue,
.pages-config {
    background: url(./img/science-green/dw_bg.jpg) no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
}

/* tabs */
.el-science-blue .el-tabs--border-card {
    background: transparent;
    border: 1Px solid #00fefe;
    border-radius: 6Px;
}

.el-science-blue .el-home-tabs.el-tabs--border-card {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header {
    background-color: #00243e;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item {
    color: #00fefe;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #00fefe;
    border-color: #00fefe;
    color: #041F6C;
}

.el-science-blue .el-tabs--border-card>.el-tabs__header {
    border-bottom: 1px solid #00fefe;
}

.el-science-blue .el-tabs--border-card.top-border>.el-tabs__header {
    border: 1px solid #00feff;
}

/* .el-science-blue .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
    color: #041F6C;
} */

.el-science-blue .el-tabs__item.is-left {
    color: #FFFFFF;
}

.el-science-blue .el-tabs__item.is-left.is-active {
    color: #1de6d4;
}

.el-tabs.el-tabs--left .el-tabs__content,
.el-tabs.el-tabs--left .el-tabs__content .el-tab-pane {
    height: 100%;
}

.el-science-blue .tab-menu-left {
    border-right: 1px solid #00fefe;
    color: #00fefe;
}

.el-science-blue .tab-menu-left:hover {
    cursor: pointer;
    background-color: #00fefe;
    color: #041F6C;
}

.el-science-blue .tab-menu-left:active {
    cursor: pointer;
    background-color: #00fefe;
    color: #041F6C;
}

.el-science-blue .el-tabs__nav-prev,
.el-science-blue .el-tabs__nav-next {
    color: #FFFFFF;
}

/* drawer */
.el-science-blue .el-drawer {
    padding: 6px;
}

.el-science-blue .el-drawer,
.el-science-blue .el-drawer .el-menu {
    background-color: #153953;
}

.el-science-blue .el-drawer .el-menu.el-menu--inline {
    background-color: #072436;
    border-radius: 8px;
    overflow: hidden;
}

.el-science-blue .menu-content {
    color: #FFFFFF;
}



/* menu */
.el-science-blue .el-menu {
    color: #FFFFFF;
    border-right: none;
    background-color: #000000;
}

.el-science-blue .el-submenu__title [class^=el-icon],
.el-science-blue .submenu__title [class^=el-icon] {
    display: inline-block;
    background-color: #01fdfe;
    padding: 8px 4px;
    border-radius: 18px;
    color: #01253f;
    margin-right: 11px;
}

.el-science-blue .el-menu-item {
    color: #1ccfe5;
    position: relative;
    transition: none;
}

.el-science-blue .el-menu-item.is-active .submenu__title [class^=el-icon] {
    background-color: #01fefc;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #00feff;
    top: 50%;
    left: 30px;
    margin-top: -3px;
}

.el-science-blue .el-submenu__title {
    color: #1ccfe5;
    font-weight: bold;
}

.el-science-blue .el-submenu__title:hover,
.el-science-blue .el-menu-item:hover {
    background-color: #214865;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item {
    padding-left: 48px !important;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active {
    background-color: #1ccfe5;
    color: #054150;
}

.el-science-blue .el-menu.el-menu--inline .el-menu-item.is-active::before {
    background-color: #054150;
}

.el-science-blue .el-menu-item.is-active {
    background-color: #00253f;
    color: #00fefe;
}

.el-science-blue .el-submenu__title i {
    color: #01ffff;
    font-size: 14px;
    font-weight: bold;
}

/* tree */
.el-science-blue .el-tree {
    background: none;
    color: #1fcbe1;
}

.el-science-blue .el-tree .el-tree-node:focus>.el-tree-node__content {
    background: none;
}

.el-science-blue .el-tree .el-tree-node>.el-tree-node__content:hover {
    background-color: #214865;
}

.el-science-blue .el-tree .el-tree-node.is-current>.el-tree-node__content {
    background-color: #214865;
}

.el-science-blue .params-dialog .el-tree {
    color: #606266;
}

.el-science-blue .params-dialog .el-tree .el-tree-node>.el-tree-node__content:hover {
    color: #FFFFFF;
}

.el-science-blue .params-dialog .el-tree .el-tree-node.is-current>.el-tree-node__content {
    color: #FFFFFF;
}

.el-science-blue .el-tree-node__expand-icon {
    color: #1fcbe1;
}

.el-science-blue .el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
}



/* input */
.el-science-blue .el-input.is-disabled .el-input__inner,
.el-science-blue .el-input__inner {
    background-color: #214865;
    border-color: #1fcbe1;
    color: #00fefe;
}

.el-science-blue .params-dialog .el-input.is-disabled .el-input__inner,
.el-science-blue .params-dialog .el-input__inner {
    border-color: #DCDFE6;
    color: #153953;
    background-color: #cccccc;
}

.el-science-blue .params-dialog .el-form-item__label {
    color: #153953;
    font-size: 12px;
    font-weight: bold;
}

.el-form--label-top .el-form-item__label {
    padding: 0;
}

.el-science-blue .params-dialog .el-input__inner[readonly=readonly] {
    background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select,
.el-science-blue .params-dialog .el-date-editor.el-input,
.el-science-blue .params-dialog .el-date-editor.el-input__inner {
    width: 100%;
}

.el-science-blue .params-dialog .el-select .el-input__inner[readonly=readonly] {
    background-color: #cccccc;
}

.el-science-blue .params-dialog .el-select .el-input .el-select__caret {
    color: #153953;
}

.el-science-blue .params-dialog .el-form-item--mini.el-form-item,
.el-science-blue .params-dialog .el-form-item--small.el-form-item {
    margin-bottom: 8px;
}

.el-science-blue .params-dialog .three-btn {
    box-shadow: none;
    background-color: #153953;
}

.el-science-blue .params-dialog .three-btn:active {
    box-shadow: none;
    position: relative;
    top: 0px;
}

.el-science-blue .el-input__prefix,
.el-input__suffix,
.el-science-blue .el-select .el-input .el-select__caret {
    color: #1fcbe1;
}

.el-science-blue .el-select:hover .el-input__inner {
    border-color: #00fefe;
}

.el-science-blue .el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: #00fefe;
}

.el-science-blue .el-cascader .el-input .el-input__inner:focus,
.el-science-blue .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #00fefe;
}

.el-science-blue .el-select .el-input.is-focus .el-input__inner {
    border-color: #00fefe;
}

.el-science-blue .el-input__inner::-webkit-input-placeholder {
    color: #51758b;
}

/* bg white */
.el-science-blue .el-select:hover .el-input__inner,
.el-science-blue .bg-white .el-select .el-input.is-focus .el-input__inner {
    border-color: #00fefe;
}

.el-science-blue .bg-white .el-select .el-input .el-select__caret {
    color: #153953;
}

.el-science-blue .bg-white .el-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}

/* table */
.el-science-blue .el-table {
    color: #FFFFFF;
}

.el-science-blue .el-table,
.el-science-blue .el-table__expanded-cell,
.el-science-blue .el-table tr {
    background: none;
}

.el-science-blue .el-table tr {
    background: #00253F;
}

.el-science-blue .el-table th {
    font-size: 14px;
    background-color: #0d4f65;
    border-bottom: 1px solid #03d2d8;
}

.el-science-blue .el-table thead {
    color: #00fefe;
    font-weight: bold;
}

.el-science-blue .el-table--enable-row-hover .el-table__body tr:hover>td,
.el-science-blue .el-table__body tr.hover-row>td {
    background-color: #1b4a6c;
}

.el-science-blue .el-table__fixed-right {
    background-color: #00253f;
    z-index: 9;
}

.el-science-blue .el-table th.is-leaf {
    border-bottom: none;
}

.el-science-blue .el-table td {
    border-bottom: none;
}

.el-science-blue .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #153953;
}

.el-science-blue .el-table--striped.table-stripe-odd .el-table__body tr.el-table__row td {
    background-color: #0D4260;
}

.el-science-blue .el-table--striped.table-stripe-odd .el-table__body tr.el-table__row--striped td {
    background-color: #00253F;
}

.el-science-blue .el-table th>.cell {
    font-weight: bold;
}

.el-science-blue .el-table--border::after,
.el-science-blue .el-table--group::after,
.el-science-blue .el-table::before {
    background-color: transparent;
}

.el-science-blue .el-table__fixed-right::before,
.el-science-blue .el-table__fixed::before {
    background-color: transparent;
}

.el-science-blue .el-table td .el-button--primary {
    border-color: #f69f40;
    background-color: #f69f40;
    color: #FFFFFF;
}

.el-science-blue .el-table td .el-button--primary:hover {
    border-color: #f68e38;
    background-color: #f68e38;
}

.el-science-blue .el-table td .el-button--danger {
    border-color: #f3535f;
    background-color: #f3535f;
    color: #FFFFFF;
}

.el-science-blue .el-table td .el-button--danger:hover {
    border-color: #f3435b;
    background-color: #f3435b;
}

.el-science-blue .el-table td .el-button--success {
    border-color: #8fed7d;
    background-color: #8fed7d;
    color: #041f6e;
}

.el-science-blue .el-table td .el-button--success:hover {
    border-color: #6bed6b;
    background-color: #6bed6b;
}

.el-science-blue .el-table.border-table .el-table__body-wrapper {
    box-sizing: border-box;
    border-left: 1Px solid #00fefe;
    border-right: 1Px solid #00fefe;
    border-bottom: 1Px solid #00fefe;
    border-top: 1Px solid #00fefe;
}

.el-science-blue .el-table .table-list-name {
    color: #00fefe;
    border-right: 1Px solid #00fefe;
}

.el-science-blue .el-table .table-list-name.white-color {
    color: #fff;
}

.el-science-blue .el-table .table-list-name.no-border {
    border-right: none;
}

.el-science-blue .el-table th.table-list-value {
    color: #00fefe;
}

.el-science-blue .el-table .table-list-value {
    color: #fef200;
}

.el-table--small td.table-list-name,
.el-table--small td.table-list-value {
    padding: 4px 0;
}

/* el-popover */
.el-popover {
    padding: 0;
    background: none;
    border: none;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: rgb(30, 125, 219);
}

.el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #FFF;
}

/* dialog */
.el-science-blue .el-dialog__header {
    padding: 8px 16px;
    background-color: #153953;
}

.el-science-blue .el-dialog__title {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.el-science-blue .el-dialog__headerbtn {
    top: 8px;
}

.el-science-blue .el-dialog__headerbtn .el-dialog__close {
    color: #FFFFFF;
}

.el-science-blue .el-dialog__body {
    padding: 0;
}

/* el-transfer */
.el-science-blue .el-transfer-panel {
    background: #153953;
    border: none;
    padding: 18px 12px;
}

.el-science-blue .el-transfer-panel__header {
    background-color: #00253f;
    border-bottom: none;
    border-radius: 4px;
}

.el-science-blue .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: #03d2d8;
}

.el-science-blue .el-transfer-panel__item.el-checkbox {
    color: #FFFFFF;
}

.el-science-blue .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: #03d2d8;
}

.el-science-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-science-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #00fefe;
    border-color: #00fefe;
}

.el-science-blue .el-checkbox__inner::after {
    border-color: #052270;
}

/* el-pagination */
.el-science-blue .el-pagination__total,
.el-science-blue .el-pagination__jump {
    color: #FFFFFF;
}

.el-science-blue .el-pagination .btn-next,
.el-science-blue .el-pagination .btn-prev {
    background: none;
    color: #3ebdc9;
}

.el-science-blue .el-pager li {
    color: #FFFFFF;
    background: none;
}

.el-science-blue .el-pager li.active {
    color: #3ebdc9;
}

.el-science-blue .el-pagination .el-input__inner {
    background-color: #153953;
    border-color: #1ccfe5;
    color: #FFFFFF;
}

.el-science-blue .el-pagination .el-select .el-input.is-focus .el-input__inner,
.el-science-blue .el-pagination .el-select:hover .el-input__inner {
    border-color: #3eaffa;
}

.el-science-blue .el-pagination .el-select .el-input .el-select__caret {
    color: #FFFFFF;
}

.el-science-blue .el-pagination-btns .el-button--primary {
    background-color: #1ccfe5;
    border-color: #1ccfe5;
    color: #012440;
}

/* el-radio */
.el-science-blue .el-radio__label {
    color: #FFFFFF;
}


.el-science-blue .pifu-list-header {
    background-color: #2aa2bb;
    color: #00fefe;
}

.el-science-blue .flex-layout-body {
    background-color: #00253f;
}

.el-science-blue .page-header-container .flex-layout-body {
    background-color: transparent;
}

.el-science-blue .content-box-title {
    /*background-image: linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    /*background-image: -ms-linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    /*background-image: -webkit-linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    /*background-image: -moz-linear-gradient(to right, #2aa2bb, #1ccfe5);*/
    background-color: #00fefe;
    color: #153953;
}

.el-science-blue .content-box-container.siteList {
    background-color: #153953;
}

.el-science-blue .content-box {
    border: 1px solid #1ccfe5;
    background-color: #00253f;
}

.el-science-blue .map-container {
    border: 1px solid #1ccfe5;
}

.el-science-blue .pifu-item-img.active .el-image {
    border: 3px solid #00FEFE;
    box-sizing: border-box;
}

.el-science-blue .hdw-badge-btn {
    background-color: #0d2f4a;
    border: 2px solid #00fefe;
    color: #FFFFFF;
    transform: skewX(-30deg);
}

.el-science-blue .hdw-badge-btn>div {
    transform: skewX(30deg);
}

.el-science-blue .hdw-badge-value {
    background-color: #00fefe;
    color: #143954;
    top: 0.05rem !important;
    right: -1.8rem !important;
}

.el-science-blue .my-card {
    border: 1px solid #05ccd3;
    background-color: #153953;
    border-radius: 8px;
}

.el-science-blue .my-card-header {
    background-image: linear-gradient(to right, #2aa2bb, #1ccfe5);
    line-height: 36px !important;
    padding: 0 8px !important;
    margin: 4px 4px 8px 4px !important;
    border-radius: 4px;
}

.el-science-blue .my-card-header .card-title {
    color: #153953;
    font-size: 20px;
    font-weight: bold;
}

.el-science-blue .my-card-header .card-title+.my-card-tools .el-button {
    background-color: #153a54;
    border-color: #153a54;
    color: #3f919d;
    padding: 3px;
}

.el-science-blue .power-tree-wrapper {
    background-color: #153953;
}

.el-science-blue .page-header-container {
    background: url(./img/science-green/page-header-bg.jpg) 0 0 no-repeat;
    background-size: 100% 94%;
}

.el-science-blue .page-header-left {
    background: url(./img/science-green/page-header-left-bg.jpg) 0 0 no-repeat;
    background-size: 100% 94%;
}

.el-science-blue .page-header-left span {
    color: #00fefe;
}

.el-science-blue .page-header-left span.sys-version {
    color: #00fefe;
}

.el-science-blue .flex-layout.noborder {
    border: none;
    border-top: 1px solid #00fefe;
}

.el-science-blue .flex-layout.top-border {
    border: none;
}

.el-science-blue .filter-box-table {
    box-sizing: border-box;
    border-top: 1px solid #03d2d8;
    border-right: 1px solid #03d2d8;
    border-left: 1px solid #03d2d8;
}

.el-science-blue .filter-box-table .table-cell {
    border-bottom: 1px solid #03d2d8;
}

.el-science-blue .map-icon-details-wrapper {
    background-color: #153953;
    color: #1ecee5;
}

.el-science-blue .map-icon-details-title {
    background: #00253f;
    color: #1ecee5;
}

.el-science-blue .transparentBtn {
    background-color: transparent;
    border-color: transparent;
    color: #03d2d8;
}

.el-science-blue .transparentBtn:hover {
    background-color: transparent;
    border-color: transparent;
    color: #00fefe;
}

.el-science-blue .table-row .table-cell {
    color: #00fefe;
}

.el-science-blue .page-header-left img,
.el-science-blue .page-header-left span {
    margin-top: -10px;
}

.el-science-blue .statusWarp {
    background-color: #00fefe;
}

.el-science-blue .statusWarp.error-state {
    background-color: #fb8d1a;
}

.el-science-blue .statusWarp.stop-state {
    background-color: #afafaf;
}

.el-science-blue .hdw-avatar-icon {
    background-color: #00fefe !important;
    color: #022038 !important;
}

.el-science-blue .hdw-avatar-text {
    color: #1ccfe5 !important;
}

.el-science-blue .header-carve-up {
    background-color: #1ccfe5;
}

.el-science-blue .header-info-list {
    padding-left: 27px !important;
}

.el-science-blue .page-header-content {
    padding-top: 8px;
}

.el-science-blue .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #00fefe;
}

.el-science-blue .condiOpt {
    border: 1px solid #03d2d8 !important;
}

.el-science-blue .science-box {
    background-color: #153953 !important;
    border-color: #05ccd3 !important;
}

.science-box .box-header {
    color: #FFFD1E;
}

.science-box .box-content::before {
    border-color: #05ccd3 transparent transparent !important;
}

.science-box .box-content::after {
    border-color: #153953 transparent transparent !important;
}

.el-science-blue .baoji-group-list a {
    color: #1fcbdf !important;
}

.el-science-blue .baoji-group-list a:hover,
.el-science-blue .baoji-group-list a.active-item {
    background-color: #214865 !important;
}

.el-science-blue .baoji-group-list a.active-item {
    background-color: #214865 !important;
}

.el-science-blue .page-content-tools .hdw-btn {
    background-color: transparent;
    border-color: transparent;
    color: #00253f;
}

.el-science-blue .page-content-tools .hdw-btn .light-color {
    color: #00fefe;
}

.el-science-blue .el-table-wrapper {
    background-color: #1b4a6c !important;
}

.el-science-blue .chart-wrapper {
    background-image: none !important;
    background-color: #153953 !important;
}

.el-science-blue .chart-wrapper-corner.top-right,
.el-science-blue .chart-wrapper-corner.bottom-right,
.el-science-blue .chart-wrapper:before,
.el-science-blue .chart-wrapper:after {
    border-color: #42d3ff !important;
    z-index: 9;
}

.el-science-blue .chart-wrapper:before,
.el-science-blue .chart-wrapper:after,
.el-science-blue .chart-wrapper-corner {
    width: 60px;
    height: 60px;
}

.el-science-blue .el-transfer .el-transfer__buttons .el-button {
    color: #002740 !important;
    background-color: #1ccfe5 !important;
    border-color: #1ccfe5 !important;
}

.el-science-blue .el-transfer .el-transfer__buttons .el-button.is-disabled,
.el-science-blue .el-transfer .el-transfer__buttons .el-button.is-disabled:hover {
    background-color: #1a98a6 !important;
    border-color: #1a98a6 !important;
}

.el-science-blue .chart-wrapper-title {
    background: url(img/science-green/chart-wrapper-title-bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 15%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    box-sizing: border-box;
    left: 0 !important;
    top: 0 !important;
}

.el-science-blue .chart-wrapper-title .title-icon {
    margin-top: 10px;
}

.el-science-blue .chart-wrapper-title .title-icon:before {
    background-color: #009a9a !important;
}

.el-science-blue .chart-wrapper-title .title-icon .title-icon-content {
    background-color: #00c3c3 !important;
}

.el-science-blue .chart-wrapper-title .title-icon:after {
    background-color: #00feff !important;
}

.el-science-blue .chart-tools-wrapper {
    top: 6px !important;
    right: 6px !important;
}

.el-science-blue .box-tools {
    color: #153953 !important;
}

.el-science-blue .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #707c9c !important;
}


.hdw-menu-list {
    border-color: #ffffff !important;
}

.hdw-menu-item a {
    background-color: #153953 !important;
}

.hdw-menu-item a:hover {
    background-color: #344a5c !important;
}

.el-picker-panel {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    background: #153953 !important;
}

.el-picker-panel .el-picker-panel__footer {
    background-color: #153953 !important;
    ;
}

.el-picker-panel .el-picker-panel__footer .el-button--default {
    background-color: #00feff !important;
    border-color: #00feff !important;
    color: #032c8f !important;
}

.el-picker-panel .el-picker-panel__footer .el-button--text {
    color: #00feff !important;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #00feff !important;
}

.el-date-table th {
    color: #ffffff !important;
    border-bottom: solid 1px #ffffff;
}

.el-date-picker__header-label {
    color: #ffffff !important;
}

.el-date-table td.current:not(.disabled) span {
    background-color: #00feff !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #153953;
}

.vl-notify.vl-notify-main {
    background-color: #153953 !important;
    border: none !important;
    color: #fb8d1a !important;
}

.vl-notify.vl-notify-alert h2.vl-notice-title {
    background-color: #fb8d1a !important;
    border-bottom: none !important;
    color: #041f6c !important;
}

.vl-notify.vl-notify-alert .vl-notify-content .vlayer {
    color: #fb8d1a !important;
}

.notify-btn {
    color: #041f6c !important;
    background-color: #90ed7d !important;
    border: 1px solid #90ed7d !important;
}

.notify-btn-primary {
    color: #041f6c !important;
    background-color: #1dcfe5 !important;
    border: 1px solid #1dcfe5 !important;
}

.ele-filter-container {
    background-color: #00253f !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #1dcfe5 !important;
    border: 1px solid #1dcfe5 !important;
}

.comparisonWarp {
    background: url(./img/science-green/dw_bg.jpg) no-repeat !important;
    background-size: 100% 100%;
}

.comparisonWarp .borderCon {
    border: 1px solid #00fefe !important;
}

/* el-progress__text */
.el-science-blue .el-progress__text {
    color: #FFFFFF;
}

.el-radio__input.is-checked+.el-radio__label {
    color: #00fefe;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #00fefe;
    background: #00fefe;
}

.el-date-editor .el-range__icon,
.el-date-editor .el-range-separator {
    color: #00fefe;
}

/* full-screen */
.e-chart-root.full-screen .e-chart-container {
    background: url("./img/science-green/dw_bg.jpg") no-repeat;
}

.el-date-picker__header .el-picker-panel__icon-btn {
    color: #00fefe;
}

.table-info-list td {
    color: #00fefe;
}

.hdw-state-list-wrapper {
    background-color: #153953;
    border: 1px solid #0376A5;
}

/* flex-box */
.flex-box {
    box-sizing: border-box;
    background-color: #0B3550;
}

.flex-box-header {
    background-image: url("./img/science-green/chart-wrapper-title-bg.png");
    background-size: 100% 100%;
}

.flex-box .flex-box-border {
    width: 70px;
    height: 70px;
}

.flex-page-wrapper-border {
    border: 1px solid #20A3B9;
}

.chart-wrapper:before,
.chart-wrapper:after,
.chart-wrapper-corner {
    width: 16px;
    height: 16px;
}

.border-full {
    border: 1Px solid #00fefe;
}

.border-right {
    border-right: 1Px solid #00fefe;
}

.el-science-blue .time-icon i {
    color: #153953;
}

.el-science-blue .term-date {
    background-color: #00FEFF;
    color: #00253F;
}

.el-science-blue .term-date-value {
    background-color: #00253F;
    color: #FFFFFF;
}

 src/App.vue

@@ -24,6 +24,9 @@
        if (val == 'science-blue') {
          link.href = './theme/science-blue.css';
          this.$store.dispatch("theme/changeThemeName", '科技蓝');
        } else if (val == 'science-green') {
          link.href = './theme/science-green.css';
          this.$store.dispatch("theme/changeThemeName", '荧光绿');
        } else if (val == 'science-black') {
          link.href = './theme/science-black.css';
          this.$store.dispatch("theme/changeThemeName", '优雅黑');
@@ -50,6 +53,8 @@
        link.rel = 'stylesheet';
        if (this.$store.state.theme.activeSkin == 'science-blue') {
          link.href = './theme/science-blue.css';
        } else if (this.$store.state.theme.activeSkin == 'science-green') {
          link.href = './theme/science-green.css';
        } else if (this.$store.state.theme.activeSkin == 'science-black') {
          link.href = './theme/science-black.css';
        }

 src/components/PageHeader.vue

@@ -562,12 +562,15 @@
            changeSkin() {
                this.$nextTick(() => {
                    this.showProgress = true;
                    if (this.skinActive == 'science-black') {
                    if (this.skinActive == 'science-green') {
                        this.options.progress.color = '#fb8d1a';
                        this.options.progress.backgroundColor = '#1ccfe5';
                    } else {
                    } else if (this.skinActive == 'science-blue') {
                        this.options.progress.color = '#f06824';
                        this.options.progress.backgroundColor = '#FFE329';
                    } else if (this.skinActive == 'science-black') {
                        this.options.progress.color = '#ff6502';
                        this.options.progress.backgroundColor = '#fffffe';
                    }
                })
            },

 src/pages/alarmMager/batteryrTimequery.vue

@@ -658,7 +658,7 @@
                    if (this.skinActive == 'science-black') {
                        this.eleOffImg = require('../../assets/images/eleOff-black.png');
                        this.eleOnImg = require('../../assets/images/eleOn-black.png');
                    } else {
                    } else if (this.skinActive == 'science-blue') {
                        this.eleOffImg = require('../../assets/images/eleOff.png');
                        this.eleOnImg = require('../../assets/images/eleOn.png');
                    }

 src/pages/dataTest/PifuList.vue

@@ -36,6 +36,10 @@
                    skin: 'science-blue'
                }, {
                    img: require('@/assets/images/theme/science2.png'),
                    name: '荧光绿',
                    skin: 'science-green'
                }, {
                    img: require('@/assets/images/theme/science2.png'),
                    name: '优雅黑',
                    skin: 'science-black'
                }]
@@ -98,9 +102,14 @@
        left: 0;
    }

    .pifu-item-img {
        width: 100%;
        height: 100px;
    }

    .pifu-item-img img {
        width: 100%;
        height: auto;
        height: 100%;
    }

    .pifu-item-txt {

 src/pages/dataTest/realTime.vue

@@ -2055,7 +2055,7 @@
                    if (this.skinActive == 'science-black') {
                        this.eleOffImg = require('../../assets/images/eleOff-black.png');
                        this.eleOnImg = require('../../assets/images/eleOn-black.png');
                    } else {
                    } else if (this.skinActive == 'science-blue') {
                        this.eleOffImg = require('../../assets/images/eleOff.png');
                        this.eleOnImg = require('../../assets/images/eleOn.png');
                    }