1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- // 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;
- }
|