| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- // 默认大雅绿样式
- $menuPrimary: #00A79D;
- $menuActiveBg: #00928A; // 头部菜单选中背景色
- $menuText:#6D7278; // #000
- $menuActiveText:#fff;
- $menuActiveText2:#00A79D;
- $subMenuActiveText:#6D7278; //https://github.com/ElemeFE/element/issues/12951
- $menuBg:#fff; // 侧边栏一级默认样式
- $menuHover: #F0FAF9; // 侧边栏一级滑动样式
- $subMenuBg:#fff; // 侧边栏二级默认样式
- $subMenuHover:#F0FAF9; // 侧边栏二级鼠标滑动样式
- $subMenuActiveBg:#F0FAF9; // 侧边栏二级选中样式
- $menuActiveAfter: #00A79D;
- $sideBarWidth: 195px;
- /* 改变主题色变量 */
- // $--color-primary: #00A79D;
- // 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;
- menuActiveText2: $menuActiveText2;
- subMenuActiveText: $subMenuActiveText;
- menuBg: $menuBg;
- menuHover: $menuHover;
- subMenuBg: $subMenuBg;
- subMenuHover: $subMenuHover;
- menuActiveAfter: $menuActiveAfter;
- sideBarWidth: $sideBarWidth;
- }
- /* 改变主题色变量 */
- $--color-primary: #00A79D;
- /* 改变 icon 字体路径变量,必需 */
- $--font-path: '~element-ui/lib/theme-chalk/fonts';
- @import "~element-ui/packages/theme-chalk/src/index";
|