@import "./variable";

.dark {
  background-color: @dark--background-base;
  color: @dark--primary-color;

  // 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
  ::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background: transparent;
  }

  // 定义滚动条轨道 内阴影+圆角
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: transparent;
  }

  // 定义滑块 内阴影+圆角
  ::-webkit-scrollbar-thumb {
    border: 1px solid #4c5a62;
    border-radius: 10px;
    background: rgba(76, 90, 98, .7);
  }

  // 文字选中背景
  * ::selection {
    background: rgba(64, 158, 255, .6);
  }

  // 超链接
  a {
    color: @dark--link-color;
    background: transparent;

    &:hover {
      color: @dark--link-hover-color;
    }

    &:active {
      color: @dark--link-active-color;
    }

    &:active,
    &:hover {
      outline: 0;
      text-decoration: none;
    }

    &[disabled] {
      color: #ccc;
      cursor: @dark--link-disabled-color;
      pointer-events: none;
    }
  }

  // 自定义dialog底部footer样式
  .vef-dialog-slot-footer {
    border-top: 1px solid @dark--popup-border-color;
    background-color: @dark--popup-title-background;
    text-align: right;
    padding: 10px 20px;
  }

  /* app
  -------------------------- */
  @import "./base/BaseCard";


  /* Element-UI
  -------------------------- */
  @import "./el-ui/table";
  @import "./el-ui/pagination";
  @import "./el-ui/select";
  @import "./el-ui/select-dropdown";
  @import "./el-ui/button";
  @import "./el-ui/tabs";
  @import "./el-ui/tree";
  @import "./el-ui/checkbox";
  @import "./el-ui/input";
  @import "./el-ui/checkbox-button";
  @import "./el-ui/form";
  @import "./el-ui/dialog";
  @import "./el-ui/eChartBtn";
  @import "./el-ui/popover";
  @import "./el-ui/date-picker";
  @import "./el-ui/radio";
  @import "./el-ui/card";
  @import "./el-ui/collapse";
  @import "./el-ui/textarea";
  @import "./el-ui/upload";
  @import "./el-ui/cascader";
  @import "./el-ui/tag";
  @import "./el-ui/message";
  @import "./el-ui/loading";
}