@use 'theme';
@use 'clear-mixin';
@use 'transition';
@use 'element-plus';
@use 'sidebar';
@use 'button';
@use 'vxetable';
@use 'dark';

/* 自定义全局 CssVar */
:root {
  --udp-transition-duration: 0.016s;

  /* 常用border-color 需要时可取用 */
  --udp-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --udp-switch-off-color: #a6a6a6;
  --el-text-color-regular: #000;

  /** 主题色 */
  --udp-theme-sub-menu-active-text: initial;
  --udp-theme-menu-bg: none;
  --udp-theme-menu-hover: none;
  --udp-theme-sub-menu-bg: transparent;
  --udp-theme-sub-menu-active-bg: none;
  --udp-theme-nav-text-color: none;
  --udp-theme-menu-text: initial;
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: initial;
  --udp-theme-menu-active-before: transparent;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.ut-main-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #f7f8f9;

  .ut-page-header {
    padding: 5px 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e0ebf6;
  }

  .ut-page-content {
    margin: 5px;
    border: 1px solid #e0ebf6;
    border-radius: 5px;
  }
}

// 自定义插件的css
.ut-coSelect-option {
  float: right;
  font-size: 13px;
  color: #8492a6;
}

.ut-success {
  color: #34a782;
}

.ut-danger {
  color: #f56c6c;
}