variables.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. // 默认大雅绿样式
  2. $menuPrimary: #00A79D;
  3. $menuActiveBg: #00928A; // 头部菜单选中背景色
  4. $menuText:#6D7278; // #000
  5. $menuActiveText:#fff;
  6. $menuActiveText2:#00A79D;
  7. $subMenuActiveText:#6D7278; //https://github.com/ElemeFE/element/issues/12951
  8. $menuBg:#fff; // 侧边栏一级默认样式
  9. $menuHover: #F0FAF9; // 侧边栏一级滑动样式
  10. $subMenuBg:#fff; // 侧边栏二级默认样式
  11. $subMenuHover:#F0FAF9; // 侧边栏二级鼠标滑动样式
  12. $subMenuActiveBg:#F0FAF9; // 侧边栏二级选中样式
  13. $menuActiveAfter: #00A79D;
  14. $sideBarWidth: 195px;
  15. /* 改变主题色变量 */
  16. // $--color-primary: #00A79D;
  17. // the :export directive is the magic sauce for webpack
  18. // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
  19. :export {
  20. menuText: $menuText;
  21. menuActiveText: $menuActiveText;
  22. menuActiveText2: $menuActiveText2;
  23. subMenuActiveText: $subMenuActiveText;
  24. menuBg: $menuBg;
  25. menuHover: $menuHover;
  26. subMenuBg: $subMenuBg;
  27. subMenuHover: $subMenuHover;
  28. menuActiveAfter: $menuActiveAfter;
  29. sideBarWidth: $sideBarWidth;
  30. }
  31. /* 改变主题色变量 */
  32. $--color-primary: #00A79D;
  33. /* 改变 icon 字体路径变量,必需 */
  34. $--font-path: '~element-ui/lib/theme-chalk/fonts';
  35. @import "~element-ui/packages/theme-chalk/src/index";