ba_web/src/assets/css/element-plus.scss

::v-deep .el-button--default {
  border: 1px solid #cccccc;
}

::v-deep .el-button {
  border: 1px solid #cccccc;
}

:v-deep .el-card {
  border: 1px solid #146bbe;
  background: #00143d;
  padding: 10px 0;
}

::v-deep .el-input__inner {
  // background-color: #fff;
  // border: 1px solid #e9e9e9 !important;

  &:hover {
    // border: 1px solid #0065d8;
  }

  &:focus {
    // border: 1px solid #1c84fa;
    // box-shadow: 0px 0px 8px #0a6bfc;
  }
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: #808596;
  border-color: var(--el-button-disabled-border-color);
}

::v-deep .el-input-group__append {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  color: #000;
}

::v-deep .el-select:hover:not(.el-select--disabled) .el-input__inner {
  border: 1px solid #0065d8;
}

::v-deep .el-table {
  background-color: #ffffff;
  --el-table-border-color: #e4e7ed;
  --el-table-row-hover-bg-color: #f5f7fa;
}

::v-deep .el-table__inner-wrapper {
  background: #fff;
}

::v-deep .el-table th.el-table__cell {
  background: #ffffff;
  color: #000;
}

::v-deep .el-table td.el-table__cell {
  color: #000;
  background: #ffffff;
}

::v-deep .el-pagination button:disabled {
  background-color: transparent;
  color: #84a2be;
}

::v-deep .el-pagination button {
  background-color: transparent;
  color: rgb(255, 255, 255);
}

::v-deep .el-pager li {
  background: transparent;
  color: #8fceff;
}

::v-deep .el-pager li.active {
  background: transparent;
  color: #ffa861;
  border-radius: 50%;
}

::v-deep .el-tree {
  background: transparent;
  color: #24b6dd;
}

::v-deep .el-checkbox {
  color: #fff;
}

// ::v-deep .el-tree-node__content {
//     background: none;
// }

::v-deep .is-focusable {
  background: transparent !important;
}

::v-deep .el-tree-node__label {
  background: #1f4164 !important;
}

::v-deep .el-tree-node__content:hover {
  color: #61f9ff;
  background: transparent;
}

.el-button--default {
  &:hover {
    border: 1px solid #ccc;
  }
}

::v-deep .el-button--primary {
  background: #1983e5;
  border: 1px solid #1983e5;

  &:hover {
    background: #0084ff;
    border: 1px solid #0084ff;
  }
}

::v-deep .user-main-wrap {
  border: 1px solid #07376d;
}

::v-deep .el-input .el-input__count .el-input__count-inner {
  background: transparent;
  color: #fff;
}

::v-deep .el-textarea .el-input__count {
  background: transparent;
  color: #fff;
}

::v-deep .el-select__popper.el-popper {
  background: #16284c;
  border: #16284c;
}

::v-deep .el-range-input {
  background: transparent;
}

::v-deep .el-button--danger {
  background: #f56c6c;
  border: 1px solid #f56c6c;
}

::v-deep .el-tree {
  --el-tree-node-hover-bg-color: #083960;
}

::v-deep .el-tree-node__label {
  background: transparent !important;
}

::v-deep .el-card {
  border: 1px solid #07539a;
  color: #fff;
}

::v-deep .el-collapse {
  background: transparent;
  color: #fff;
  --el-collapse-header-bg-color: transparent;
  --el-collapse-header-text-color: #fff;
  --el-collapse-content-bg-color: transparent;
  --el-collapse-content-text-color: #fff;
  --el-collapse-border-color: #0d3f6e;
}

::v-deep .el-tabs__item {
  color: rgb(206, 208, 220);
}

::v-deep .el-tabs__nav-wrap::after {
  background: #0d3f6e;
}

::v-deep .el-upload-list--picture-card .el-upload-list__item {
  background-color: #10295b;
  border: 1px solid #19538a;
  color: #ced0dc;
}

.toastui-editor-defaultUI {
  position: relative;
  border: 1px solid #dadde6;
  height: 100%;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial",
    "나눔바른고딕", "Nanum Barun Gothic", "맑은고딕", "Malgun Gothic",
    sans-serif;
  border-radius: 4px;
  background: #fff;
  color: #303133;
}

::v-deep .el-select__popper.el-popper[role="tooltip"] {
  background: #03163c;
}

::v-deep .el-dialog__body {
  padding: 10px 20px;
}

// ::v-deep .el-pagination__total,
// ::v-deep .el-pagination__jump {
//   color: #bdc7da;
// }

::v-deep .el-radio {
  color: rgb(206, 208, 220);
}

::v-deep .el-tag {
  background: transparent;
  border: 1px solid #19538a;
  margin: 0 0.2rem;
}

::v-deep .el-select .el-select__tags .el-tag--info {
  background: transparent;
  border: 1px solid #19538a;
  color: #0065d8;
}

::v-deep .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .tabBox {
  height: 450px;
}

::v-deep .el-date-editor .el-range-separator {
  color: #333;
}

::v-deep .el-input.is-disabled .el-input__inner {
  // background-color: #062a48;
  // border: 1px solid #114260;
}

::v-deep .el-input-number__decrease {
  border-right: 1px solid #d2d2d2;
}

::v-deep .el-input-number__increase {
  border-left: 1px solid #d2d2d2;
}

.el-input-number.is-disabled ::v-deep .el-input-number__decrease,
.el-input-number.is-disabled ::v-deep .el-input-number__increase {
  border-color: #d2d2d2;
}

::v-deep .el-select {
  width: 100%;
}

::v-deep .el-link {
  margin: 0 5px;
}