@import "./green.scss";

.green {

  .el-button {
    font-family: Source Han Sans CN;
  }

  .runtime-page-container,
  .amb-design-board {
    .el-button>span {
      align-items: center;
      display: inline-flex;
      font-size: 16px !important;
    }

    .el-button:not(.el-button--small),
    .el-button.is-round:not(.el-button--small) {
      padding: 0px 14px;
      height: 36px;
    }
  }

  .is-text {
    color: $--button-default-font-color !important;
  }

  .is-link {
    color: $--button-default-font-color !important;

    :hover {
      color: #a0d5ff;
    }
  }

  .button--default,
  button.el-button:not([class*="el-button--primary"]):not([class*="el-button--success"]):not([class*="el-button--info"]):not([class*="el-button--warning"]):not([class*="el-button--danger"]):not([class*="el-button--default"]):not([class*="el-button--text"]) {
    border-radius: 4px;
    border-color: $--color-primary;
    color: $--color-primary;
  }

  .button--default:hover,
  button.el-button:not([class*="el-button--primary"]):not([class*="el-button--success"]):not([class*="el-button--info"]):not([class*="el-button--warning"]):not([class*="el-button--danger"]):not([class*="el-button--default"]):not([class*="el-button--text"]):hover {
    color: $--color-primary;
    background-color: $--color-hover;
    border-color: $--color-primary;
  }

  .operation-area .el-button-group .el-button {
    border-color: $--button-default-border-color;
    color: $--button-default-font-color;
  }

  .operation-area .el-button-group .el-button:hover {
    background-color: $--color-hover;
  }

  .el-button.el-button--primary.is-plain {
    color: $--button-default-font-color;
    background-color: #ffffff;
    border: 1px solid $--button-default-border-color;
  }

  .el-button.el-button--primary.is-plain:hover {
    color: $--color-primary;
    background-color: $--color-hover;
    border-color: $--color-primary;
  }

  .el-dropdown-link {
    color: $--button-default-font-color;
    font-family: Source Han Sans CN;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    cursor: pointer;
  }

  //switch 开关选中字体样式
  .el-switch__label.is-active {
    color: $--color-primary;
  }

  //switch 开关样式
  .el-switch.is-checked .el-switch__core {
    border-color: $--color-primary;
    background-color: $--color-primary;
  }

  //单选选中样式
  .el-radio__input.is-checked .el-radio__inner {
    color: $--color-primary;
    border-color: $--color-primary;
    background-color: $--color-primary;
  }

  //单选选中样式
  .el-radio__input.is-checked+.el-radio__label {
    color: $--color-primary;
  }

  //下拉菜单
  .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item:hover {
    color: $--select-font-color;
    background-color: $th-cell-background;
  }

  //工作流结束按钮
  .workflow-end-button {
    background-color: #ee6666;
    border-color: #ee6666;
    color: #FFFFFF;
  }

  //返回按钮
  .button--return {
    background-color: #FFFFFF;
    color: #8C8C8C;
    border: 1px solid #E3E3E3;
  }
}