- // base color
- $blue: #324157;
- $light-blue: #3a71a8;
- $red: #ff4545;
- $pink: #e65d6e;
- $green: #18e87a;
- $tiffany: #4ab7bd;
- $yellow: #fec171;
- $panGreen: #30b08f;
-
- $--color-primary: #00c7f2;
- $--color-success: #67c23a;
- $--color-warning: #e6a23c;
- $--color-danger: #f56c6c;
- $--color-info: #8bd1f5;
-
- //默认头部loto主题风格
- $base-menu-logo-color: #ffffff;
- $base-menu-logo-color-active: #f4f4f5;
- $base-menu-logo-background: #0f69ff;
- $base-logo-logo-title-color: #ffffff;
- // 默认菜单主题风格
- $base-menu-color: #ffffff;
- $base-menu-color-active: #f4f4f5;
- $base-menu-background: #4285f4;
- $base-menu-background-active: #ffffff;
- $base-logo-title-color: #ffffff;
-
- $base-menu-light-color: rgba(0, 0, 0, 0.7);
- $base-menu-light-background: #ffffff;
- $base-logo-light-title-color: #001529;
-
- $base-sub-menu-background: #4285f4;
- $base-sub-menu-back-hover: #ffffff;
- $base-sub-menu-clolor-hover: #4285f4;
-
- // 项目主色系
- $mainBg: #00314e; //主背景色
- $mainColor1: #004565; //搭配色1
- $mainColor2: #066592; //搭配色2
-
- // 项目头部logo主题风格
- $base-menu-logo-color: #ffffff;
- $base-menu-logo-color-active: #f4f4f5;
- $base-menu-logo-background: $mainColor1;
- $base-logo-logo-title-color: #ffffff;
- // 项目菜单风格
- $base-menu-color: $mainColor2;
- $base-menu-color-active: #fff;
- $base-menu-background: $mainBg;
- $base-menu-background-active: $mainColor1;
- $base-logo-title-color: #ffffff;
-
- $base-menu-light-color: rgba(0, 0, 0, 0.7);
- $base-menu-light-background: $mainColor1;
- $base-logo-light-title-color: #001529;
-
- $base-sub-menu-background: $mainBg;
- $base-sub-menu-back-hover: $mainColor1;
- $base-sub-menu-clolor-hover: #ffffff;
-
- svg {
- path {
- fill: #fff !important;
- }
- }
-
- $base-sidebar-width: 240px;
-
- // 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-back-hover;
- sideBarWidth: $base-sidebar-width;
- logoTitleColor: $base-logo-title-color;
- logoLightTitleColor: $base-logo-light-title-color;
- primaryColor: $--color-primary;
- successColor: $--color-success;
- dangerColor: $--color-danger;
- infoColor: $--color-info;
- warningColor: $--color-warning;
- menuLogoBackground: $base-menu-logo-background;
- }