// 浅色主题
$default-theme: (
  component-bg: #fff, // 背景颜色
  text-color: #333, // 文字颜色
  border-color: #e6e6e6, // 边框颜色
  btn-hover-bg: rgba(245, 240, 240, 0.815), // 按钮hover背景颜色
  page-component-bg: #dcd9d5, // 页面背景颜色
  btn-hover-primary-bg: #66b1ff, // 按钮hover的主要背景颜色
  menu-bg-color: #ecf5ff, // 菜单hover颜色
  primary-color: red, // 主要颜色
  primary-second-color: #c6e2ff, // 主要颜色--淡
  primary-third-color: #ecf5ff, // 主要颜色--最淡
  gray-color: #409EFF, // 灰色颜色
  menu-hover-bg-color: #409EFF, // 菜单hover背景颜色
  menu-hover-text-color: #fff, // 菜单hover文字颜色
  menu-active-text-color: #409EFF, // 激活菜单文字颜色
  btn-default-bg-color: #fff, // 默认按钮背景颜色
  btn-default-text-color: #333, // 默认按钮文字颜色
);

//深色主题
$dark-theme: (
  component-bg: red,
  text-color: #fff,
  border-color: #e6e6e6,
  btn-hover-bg: rgba(245, 240, 240, 0.815),
  page-component-bg: #191D20,
  btn-hover-primary-bg: #66b1ff,
  menu-bg-color: #ecf5ff,
  primary-color: #409EFF, // 主要颜色
  primary-second-color: #c6e2ff, // 主要颜色--淡
  primary-third-color: #ecf5ff, // 主要颜色--最淡
  gray-color: #666, // 灰色颜色
  menu-hover-bg-color: #409EFF,
  menu-hover-text-color: #fff,
  menu-active-text-color: #409EFF,
  btn-default-bg-color: #666,
  btn-default-text-color: #fff,
);

// //蓝色主题
// $blue-theme: (
//   component-bg: blue,
//   text-color: green,
//   border-color: #e6e6e6,
//   btn-hover-bg: rgba(245, 240, 240, 0.815),
//   page-component-bg: blue,
//   btn-hover-primary-bg: #66b1ff,
//   menu-bg-color: #ecf5ff,
//   primary-color: #409EFF, // 主要颜色
//   primary-second-color: #c6e2ff, // 主要颜色--淡
//   primary-third-color: #ecf5ff, // 主要颜色--最淡
//   gray-color: #666, // 灰色颜色
//   menu-hover-bg-color: #409EFF,
//   menu-hover-text-color: #fff,
//   menu-active-text-color: #409EFF,
//   btn-default-bg-color: #666,
//   btn-default-text-color: #fff,
// );

//定义映射集合
$themes: (
  default: $default-theme,
  black: $dark-theme,
  // blue: $blue-theme
);
