variables.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. // base color 颜色管理
  2. $logo_bg:#093d5b;
  3. $header_bg:#fff;/* 头部背景颜色 */
  4. $content_bg:#f4f4f4;/* 内容部分背景色 */
  5. $tag_bg:#3cbade;
  6. $blue:#324157;
  7. $light-blue:#3A71A8;
  8. $red:#C03639;
  9. $pink: #E65D6E;
  10. $green: #30B08F;
  11. $tiffany: #4AB7BD;
  12. $yellow:#FEC171;
  13. $panGreen: #30B08F;
  14. // sidebar
  15. $menuText:#bfcbd9;
  16. $menuActiveText:#409EFF;
  17. $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
  18. $menuBg:#304156;
  19. $menuHover:#0c4a6e;/* 侧边栏鼠标悬浮背景色 */
  20. $font_bg: #fff;/* 侧边栏字体 */
  21. $subMenuBg:#0c4a6e;/* 侧边栏背景色 */
  22. $subMenuHover:#0c4a6e;/* 主菜单背景鼠标悬浮颜色 */
  23. $bg:#283443;/* 登录背景颜色 */
  24. $light_gray:#333;
  25. $cursor: #333;
  26. $sideBarWidth: 210px;
  27. /* 按钮颜色 */
  28. $btn:#3cbade;
  29. $btn_hover:#339ebd;
  30. $btn_success:#3cbade;
  31. $btn_success_hover:#339ebd;
  32. $btn_danger:#fa5944;
  33. $btn_danger_hover:#d54c3a;
  34. $btn_text:#fff;
  35. $btn_text_hover:#e8f4ff;
  36. $btn_warning:#efb540;
  37. $btn_warning_hover:#cb9a36;
  38. // the :export directive is the magic sauce for webpack
  39. // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
  40. :export {
  41. menuText: $menuText;
  42. menuActiveText: $menuActiveText;
  43. subMenuActiveText: $subMenuActiveText;
  44. menuBg: $menuBg;
  45. menuHover: $menuHover;
  46. subMenuBg: $subMenuBg;
  47. subMenuHover: $subMenuHover;
  48. sideBarWidth: $sideBarWidth;
  49. bg:$bg;
  50. light_gray:$light_gray;
  51. cursor:$cursor;
  52. content_bg:$content_bg;
  53. logo_bg:$logo_bg;
  54. header_bg:$header_bg;
  55. btn:$btn;
  56. btn_hover:$btn_hover;
  57. btn_success:$btn_success;
  58. btn_success_hover:$btn_success_hover;
  59. btn_danger:$btn_danger;
  60. btn_danger_hover:$btn_danger_hover;
  61. btn_text:$btn_text;
  62. btn_text_hover:$btn_text_hover;
  63. btn_warning:$btn_warning;
  64. btn_warning_hover:$btn_warning_hover;
  65. font_bg:$font_bg;
  66. tag_bg:$tag_bg;
  67. }