// light
$menuText:#3F3F59;
$menuActiveText:#2A68FF;
$subMenuActiveText:#2A68FF;
$menuActiveBg: #e6f7ff;
$menuActiveBorder: #2A68FF;

$menuBg:#fff;
$menuHoverBg:rgba(255, 255, 255, 0.04);

$subMenuBg:#fff;
$headerText: #fff;
$headerBg: #001529;



// night
// $menuText:rgba(255,255,255,.65);
// $menuActiveText:#fff;
// $subMenuActiveText:#fff;
// $menuActiveBg: #1890ff;
// $menuActiveBorder: rgba(255, 255, 255, 0.6);

// $menuBg:#001529;
// $menuHoverBg:rgba(255, 255, 255, 0.04);

// $subMenuBg:#000c17;
// $headerText: #fff;
// $headerBg: #001529;



$sideBarWidth: 136px;
$leftNavWidth: 72px;
$headerHeight: 48px;
$leftNavBg: #001529;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHoverBg: $menuHoverBg;
  subMenuBg: $subMenuBg;
  sideBarWidth: $sideBarWidth;
  headerHeight: $headerHeight;
  headerText: $headerText;
  leftNavWidth: $leftNavWidth;
  leftNavBg: $leftNavBg;
  headerBg: $headerBg;
  menuActiveBg: $menuActiveBg;
  menuActiveBorder: $menuActiveBorder;
}