/* 改变element组件主题色变量 ——*/ $color-primary: #43a1ff; /*主要颜色——#43a1ff*/ $color-success: #67c23a; /*成功颜色——#67c23a*/ $color-warning: #e6a23c; /*警告颜色——#e6a23c*/ $color-danger: #f56c6c; /*危险颜色——#f56c6c*/ $color-error: #f56c6c; /*危险颜色——#f56c6c*/ $color-info: #909399; /*信息颜色——#909399*/ $color-text-primary: #303133; /*主要文字颜色——#303133*/ $color-text-regular: #606266; /*常规文字颜色——#606266*/ $color-text-secondary: #909399; /*次要文字颜色——#909399*/ $color-text-placeholder: #c0c4cc; /*占位文字颜色——#c0c4cc*/ $border-color-base: #dcdfe6; /*一级边框颜色——#dcdfe6*/ $border-color-light: rgba($color-primary, 0.3); /*二级边框颜色——#e4e7ed*/ $border-color-lighter: #ebeef5; /*三级边框颜色——#ebeef5*/ $border-color-extra-light: #f2f6fc; /*四级边框颜色——#f2f6fc*/ $color-white: #f0f0f0; /*基础白色——#FFFFFF*/ $color-black: #000000; /*基础黑色——#000000*/ $background-color-base: #f5f7fa; /*基础背景色——#F5F7FA*/ $background-color-secondary: #f0f2f5; /*第二基础背景色——#F0F2F5*/ $color-secondary: #dfebfc; $color-primary-light: #4d89f1; /* 菜单栏辅助色 */ $svg-monochrome-grey: red; /* 左侧树宽度设置 */ $aside-width: 230px; // ------navigator----------- $navigator-main-color: #fff; $navigator-main-text-color: #393a40; $navigator-text-color: #565656; $navigator-text-size: 18px; // -----menu------------ $menu-bg: #393a40; $menu-active: #616166; $menu-hover: #2e2e33; $menu-text: #e5eaf3; $menu-icon: #909399; // 系统 $system-background-color: #0f304f; $system-module-color1: #114066; $system-table-text-color: #c0c8d0; $system-module-color2: #0f3a5c; $system-module-color3: #0e3555; $system-module-color4: #1a4a72; $system-hover-active-text: $color-primary; $system-active-bgColor: #0a2a45; $system-input-bgColor: $system-module-color1; $system-disabled-bgColor: #1e4f7a; $system-input-disabled-bgColor: $system-disabled-bgColor; $system-border-color1: $system-hover-active-text; $system-border-color2: rgba($system-hover-active-text, 0.5); $system-border-color3: rgba($system-hover-active-text, 0.3); $system-border-color4: #7fbfff; $system-border-color5: #4fb85c; $system-border-color6: rgba(#5cb85c, 0.45); $system-box-color1: #0d2d4a; $system-box-color2: #082238; $system-box-color3: #0b2740; $system-box-color4: #1f5580; $system-box-color5: #1a4a72; $system-box-color6: #0f3a5c; $system-box-shadow1: 0 2px 5px 0 rgba($color-black, 0.15); :export { aside_width: $aside-width; color_primary: $color-primary; color_success: $color-success; color_warning: $color-warning; color_danger: $color-danger; }