| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- // base color
- $blue:#324157;
- $light-blue:#3A71A8;
- $red:#C03639;
- $pink: #E65D6E;
- $green: #30B08F;
- $tiffany: #4AB7BD;
- $yellow:#FEC171;
- $panGreen: #30B08F;
- $deep-blue:#0b333f;
- // 默认菜单主题风格
- $base-menu-color:#e4eaef;
- $base-menu-color-active:#f4f4f5;
- // $base-menu-background:#304156;
- $base-menu-background:#0b333f;
- $base-logo-title-color: #ffffff;
- $base-menu-light-color:rgba(0,0,0,.70);
- $base-menu-light-background:#ffffff;
- $base-logo-light-title-color: #001529;
- // $base-sub-menu-background:#1f2d3d;
- $base-sub-menu-background:#1e262f;
- $base-sub-menu-hover:#313233;
- // 自定义暗色菜单风格
- /**
- $base-menu-color:hsla(0,0%,100%,.65);
- $base-menu-color-active:#fff;
- $base-menu-background:#001529;
- $base-logo-title-color: #ffffff;
- $base-menu-light-color:rgba(0,0,0,.70);
- $base-menu-light-background:#ffffff;
- $base-logo-light-title-color: #001529;
- $base-sub-menu-background:#000c17;
- $base-sub-menu-hover:#001528;*/
- $base-sidebar-width: 200px;
- // the :export directive is the magic sauce for webpack
- // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
- :export {
- menuColor: $base-menu-color;
- menuLightColor: $base-menu-light-color;
- menuColorActive: $base-menu-color-active;
- menuBackground: $base-menu-background;
- menuLightBackground: $base-menu-light-background;
- subMenuBackground: $base-sub-menu-background;
- subMenuHover: $base-sub-menu-hover;
- sideBarWidth: $base-sidebar-width;
- logoTitleColor: $base-logo-title-color;
- logoLightTitleColor: $base-logo-light-title-color
- }
|
