// base color 颜色管理 $logo_bg:#093d5b; $header_bg:#fff;/* 头部背景颜色 */ $content_bg:#f4f4f4;/* 内容部分背景色 */ $tag_bg:#3cbade; $blue:#324157; $light-blue:#3A71A8; $red:#C03639; $pink: #E65D6E; $green: #30B08F; $tiffany: #4AB7BD; $yellow:#FEC171; $panGreen: #30B08F; // sidebar $menuText:#bfcbd9; $menuActiveText:#409EFF; $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951 $menuBg:#304156; $menuHover:#0c4a6e;/* 侧边栏鼠标悬浮背景色 */ $font_bg: #fff;/* 侧边栏字体 */ $subMenuBg:#0c4a6e;/* 侧边栏背景色 */ $subMenuHover:#0c4a6e;/* 主菜单背景鼠标悬浮颜色 */ $bg:#283443;/* 登录背景颜色 */ $light_gray:#333; $cursor: #333; $sideBarWidth: 210px; /* 按钮颜色 */ $btn:#3cbade; $btn_hover:#339ebd; $btn_success:#3cbade; $btn_success_hover:#339ebd; $btn_danger:#fa5944; $btn_danger_hover:#d54c3a; $btn_text:#fff; $btn_text_hover:#e8f4ff; $btn_warning:#efb540; $btn_warning_hover:#cb9a36; // 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; menuHover: $menuHover; subMenuBg: $subMenuBg; subMenuHover: $subMenuHover; sideBarWidth: $sideBarWidth; bg:$bg; light_gray:$light_gray; cursor:$cursor; content_bg:$content_bg; logo_bg:$logo_bg; header_bg:$header_bg; btn:$btn; btn_hover:$btn_hover; btn_success:$btn_success; btn_success_hover:$btn_success_hover; btn_danger:$btn_danger; btn_danger_hover:$btn_danger_hover; btn_text:$btn_text; btn_text_hover:$btn_text_hover; btn_warning:$btn_warning; btn_warning_hover:$btn_warning_hover; font_bg:$font_bg; tag_bg:$tag_bg; }