//重写 element-ui的部分样式，这里主要是全局皮肤控制样式
/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;
$--button-font-weight: 400;
// $--color-text-regular: #1f2d3d;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: 1px solid #dfe6ec;
/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";
@import "~element-ui/packages/theme-chalk/src/index";
// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
//字体
$default_font_size:12px;
$default_font_family:"微软雅黑";
$default_font_color:#333333;
$menu_font_size:12px;
//侧边栏
//logo
$logoBg:#06989d;
//菜单
$menuText:#f0faf9; //菜单主色
$menuActiveText:#ffb841;  //菜单选中色
$subMenuActiveText:#ffb841; //父菜单选中色，如果不用变色，配置与主色一致即可
$menuBg:#12b1b7; //菜单背景色
$menuHover:#3fc3c7; //菜单的悬停色
$subMenuBg:#0a9398; //父菜单的背景色
$subMenuHover:#3fc3c7; //父菜单的悬停色
$sideBarWidth: 210px; //菜单栏的宽度
//区域布局
$resizeBg:#eef1f6;
$resizeBtnBg:#ffb841;
//页面页签
$mainPageTabBg:#dbf5ec;
$mainPageTabBorder:1px solid #DCDBDC;
$mainPageTabItemBg:#D5EBE9;
$mainPageTabItemText:#646364;
$mainPageTabItemActiveBg:#F0FAF9;
$mainPageTabItemActiveText:#06989d;
//标题
$pageTitleBg:#34bfa3;
$pageTitleColor:#ffffff;
$pageHeight:35px;
//工具栏
$toolbarBg:#F0FAF9;
$toolbarColor:#333333;
//列表
$listBg: #ffffff;     //行背景
$listAlternatingBg:#e2f5ec; //间隔行背景
$listHoverBg:#d4f1ee;//鼠标悬停背景
$listSelectBg:#83e4b6; //选中行背景
$listSelectColor:#333333; //选中行前景色
//分页控件
$pagerBg:#F0FAF9;
//弹窗
$dialogTitleBg:#12b1b7;
$dialogTitleColor:#ffffff;
$dialogTitleCloseColor:#ffffff;
$dialogTitleCloseHoverColor:#ffb841;
//工作流组件
$sideBarBg:#12b1b7;
$sideBarColor:#ffffff;
$activeButton:#12b1b7;
$closeButton:#c3c3c3;
$disabledButton:#a3a3a3;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}