element-variables.scss
2.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
/* 改变系统主题色变量 ——*/
$--theme-color: #2761ff; /*主题颜色（即首页导航栏颜色）——#2761ff*/
$--theme-color-active: #1f4ecc; /*首页导航栏颜色鼠标悬停到某一个菜单时的颜色——#1F4ECC*/
/* 改变element组件主题色变量 ——*/
$--color-primary: #409eff; /*主题颜色——#409EFF*/
$--color-success: #4BA232; /*成功颜色——#4BA232*/
$--color-warning: #FFAE44; /*警告颜色——#FFAE44*/
$--color-danger: #E55555; /*危险颜色——#E55555*/
$--color-info: #909399; /*信息颜色——#909399*/
$--color-text-primary: #303133; /*主要文字颜色——#303133*/
$--color-text-regular: #333; /*常规文字颜色——#606266*/
$--color-text-secondary: #909399; /*次要文字颜色——#909399*/
$--color-text-placeholder: #c0c4cc; /*占位文字颜色——#c0c4cc*/
$--border-color-base: #dcdfe6; /*一级边框颜色——#dcdfe6*/
$--border-color-light: #e4e7ed; /*二级边框颜色——#e4e7ed*/
$--border-color-lighter: #ebeef5; /*三级边框颜色——#ebeef5*/
$--border-color-extra-light: #f2f6fc; /*四级边框颜色——#f2f6fc*/
$--color-white: #ffffff; /*基础白色——#FFFFFF*/
$--color-black: #000000; /*基础黑色——#000000*/
$--background-color-base: #f5f7fa; /*基础背景色——#F5F7FA*/
$--background-color-secondary: #f0f2f5; /*第二基础背景色——#F0F2F5*/
$--color-secondary: #dfebfc;
$--purple-color:rgb(169,102,245);
$--pink-color:rgb(255,119,119);
/* 左侧树宽度设置 */
$--aside-width: 230px;
/* 自定义主题色变量 */
.primaryColor {
background-color: $--color-primary;
}
//主要的一步：
:export {
aside_width: $--aside-width;
}
// 表单设计页面主题颜色
$--form-design-active-color: #409eff;
$base-color-black: $--color-black;
$base-color-white: $--color-white;
$base-color-blue: $--color-primary;
$base-color-green: #67c23a !default;
$base-color-gray: #909399 !default;
$base-color-orange: #cf9236 !default;
$base-color-red: #dd6161 !default;
$base-color:#333333;
$base-border-color:#EBEBEB;
//顶部导航高
$base-header-height:60px;
$base-collapse-bg:#F6F6F6;