xt-element-ui 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +140 -192
- package/docs/README.md +162 -81
- package/docs/components/base/theme.md +248 -0
- package/docs/components/base/xt-button.md +11 -4
- package/docs/components/base/xt-card.md +5 -11
- package/docs/components/base/xt-config-provider.md +2 -0
- package/docs/components/base/xt-flow.md +404 -0
- package/docs/components/base/xt-list.md +1 -1
- package/docs/components/base/xt-multi.md +5 -5
- package/docs/components/base/xt-scroll-arrow.md +87 -1
- package/docs/components/base/xt-scroll.md +237 -0
- package/docs/components/business/xt-chart.md +1 -0
- package/docs/components/utils/config.md +18 -4
- package/docs/components/utils/theme.md +280 -183
- package/lib/index.common.1.js +4 -26
- package/lib/index.common.2.js +1 -1
- package/lib/index.common.js +4577 -109925
- package/lib/index.css +1 -1
- package/lib/index.umd.1.js +4 -26
- package/lib/index.umd.2.js +1 -1
- package/lib/index.umd.js +4583 -109930
- package/lib/index.umd.min.1.js +1 -1
- package/lib/index.umd.min.js +1 -1
- package/lib/theme/element-overrides.css +607 -0
- package/lib/theme/element-vars.css +280 -0
- package/lib/xt-badge/xt-badge.common.js +1 -1
- package/lib/xt-badge/xt-badge.css +1 -1
- package/lib/xt-badge/xt-badge.umd.js +1 -1
- package/lib/xt-button/xt-button.common.js +13 -8
- package/lib/xt-button/xt-button.css +1 -1
- package/lib/xt-button/xt-button.umd.js +13 -8
- package/lib/xt-button/xt-button.umd.min.js +1 -1
- package/lib/xt-card/xt-card.common.js +5 -5
- package/lib/xt-card/xt-card.umd.js +5 -5
- package/lib/xt-card/xt-card.umd.min.js +1 -1
- package/lib/xt-card-item/xt-card-item.common.js +4 -4
- package/lib/xt-card-item/xt-card-item.umd.js +4 -4
- package/lib/xt-card-item/xt-card-item.umd.min.js +1 -1
- package/lib/xt-chart/xt-chart.common.js +1969 -108924
- package/lib/xt-chart/xt-chart.css +1 -1
- package/lib/xt-chart/xt-chart.umd.js +1975 -108929
- package/lib/xt-chart/xt-chart.umd.min.js +1 -1
- package/lib/xt-config-provider/xt-config-provider.common.js +561 -107504
- package/lib/xt-config-provider/xt-config-provider.css +1 -1
- package/lib/xt-config-provider/xt-config-provider.umd.js +567 -107509
- package/lib/xt-config-provider/xt-config-provider.umd.min.js +1 -1
- package/lib/xt-date-picker/xt-date-picker.common.1.js +4 -26
- package/lib/xt-date-picker/xt-date-picker.common.2.js +1 -1
- package/lib/xt-date-picker/xt-date-picker.common.js +1 -47
- package/lib/xt-date-picker/xt-date-picker.css +1 -1
- package/lib/xt-date-picker/xt-date-picker.umd.1.js +4 -26
- package/lib/xt-date-picker/xt-date-picker.umd.2.js +1 -1
- package/lib/xt-date-picker/xt-date-picker.umd.js +1 -47
- package/lib/xt-date-picker/xt-date-picker.umd.min.1.js +1 -1
- package/lib/xt-date-picker/xt-date-picker.umd.min.js +1 -1
- package/lib/xt-flex-box/xt-flex-box.common.js +1 -1
- package/lib/xt-flex-box/xt-flex-box.umd.js +1 -1
- package/lib/xt-flow/demo.html +10 -0
- package/lib/xt-flow/index.js +1 -0
- package/lib/xt-flow/xt-flow.common.js +638 -0
- package/lib/xt-flow/xt-flow.css +1 -0
- package/lib/xt-flow/xt-flow.umd.js +648 -0
- package/lib/xt-flow/xt-flow.umd.min.js +1 -0
- package/lib/xt-form-schema/xt-form-schema.common.js +1 -1
- package/lib/xt-form-schema/xt-form-schema.umd.js +1 -1
- package/lib/xt-grid-box/xt-grid-box.common.js +1 -1
- package/lib/xt-grid-box/xt-grid-box.umd.js +1 -1
- package/lib/xt-grid-item/xt-grid-item.common.js +1 -1
- package/lib/xt-grid-item/xt-grid-item.umd.js +1 -1
- package/lib/xt-icon/xt-icon.common.js +1 -1
- package/lib/xt-icon/xt-icon.umd.js +1 -1
- package/lib/xt-input/xt-input.common.js +1 -1
- package/lib/xt-input/xt-input.umd.js +1 -1
- package/lib/xt-list/xt-list.common.js +457 -118
- package/lib/xt-list/xt-list.css +1 -1
- package/lib/xt-list/xt-list.umd.js +457 -118
- package/lib/xt-list/xt-list.umd.min.js +1 -1
- package/lib/xt-map/xt-map.common.js +1 -1
- package/lib/xt-map/xt-map.umd.js +1 -1
- package/lib/xt-map-provider/xt-map-provider.common.js +1 -1
- package/lib/xt-map-provider/xt-map-provider.umd.js +1 -1
- package/lib/xt-page/xt-page.common.js +1 -1
- package/lib/xt-page/xt-page.umd.js +1 -1
- package/lib/xt-progress/xt-progress.common.js +1 -1
- package/lib/xt-progress/xt-progress.umd.js +1 -1
- package/lib/xt-scroll/demo.html +10 -0
- package/lib/xt-scroll/index.js +1 -0
- package/lib/xt-scroll/xt-scroll.common.js +551 -0
- package/lib/xt-scroll/xt-scroll.css +1 -0
- package/lib/xt-scroll/xt-scroll.umd.js +561 -0
- package/lib/xt-scroll/xt-scroll.umd.min.js +1 -0
- package/lib/xt-scroll-arrow/xt-scroll-arrow.common.js +591 -170
- package/lib/xt-scroll-arrow/xt-scroll-arrow.css +1 -1
- package/lib/xt-scroll-arrow/xt-scroll-arrow.umd.js +591 -170
- package/lib/xt-scroll-arrow/xt-scroll-arrow.umd.min.js +1 -1
- package/lib/xt-select-tree/xt-select-tree.common.js +1 -1
- package/lib/xt-select-tree/xt-select-tree.umd.js +1 -1
- package/lib/xt-step-price/xt-step-price.common.js +2 -2
- package/lib/xt-step-price/xt-step-price.umd.js +2 -2
- package/lib/xt-step-price-item/xt-step-price-item.common.js +1 -1
- package/lib/xt-step-price-item/xt-step-price-item.umd.js +1 -1
- package/lib/xt-tab-pane/xt-tab-pane.common.js +1 -1
- package/lib/xt-tab-pane/xt-tab-pane.umd.js +1 -1
- package/lib/xt-table/xt-table.common.js +2 -2
- package/lib/xt-table/xt-table.umd.js +2 -2
- package/lib/xt-tabs/xt-tabs.common.js +1 -1
- package/lib/xt-tabs/xt-tabs.umd.js +1 -1
- package/lib/xt-text/xt-text.common.js +1 -1
- package/lib/xt-text/xt-text.css +1 -1
- package/lib/xt-text/xt-text.umd.js +1 -1
- package/lib/xt-time/xt-time.common.js +1 -1
- package/lib/xt-time/xt-time.umd.js +1 -1
- package/lib/xt-transfer-tree/xt-transfer-tree.common.js +1 -1
- package/lib/xt-transfer-tree/xt-transfer-tree.umd.js +1 -1
- package/lib/xt-upload/xt-upload.common.js +11 -11
- package/lib/xt-upload/xt-upload.umd.js +12 -12
- package/lib/xt-upload/xt-upload.umd.min.js +1 -1
- package/package.json +6 -5
- package/src/components/index.scss +7 -1
- package/src/components/theme/element-overrides.css +607 -0
- package/src/components/theme/element-vars.css +280 -0
- package/src/components/theme/iframe-injector.js +502 -0
- package/src/components/theme/index.js +64 -0
- package/src/components/xt-badge/style/index.scss +6 -6
- package/src/components/xt-button/index.vue +11 -6
- package/src/components/xt-button/style/index.scss +7 -5
- package/src/components/xt-card/index.vue +3 -3
- package/src/components/xt-card-item/index.vue +2 -2
- package/src/components/xt-chart/XtMulti.vue +8 -18
- package/src/components/xt-chart/XtPie.vue +1 -0
- package/src/components/xt-chart/utils.js +84 -50
- package/src/components/xt-config-provider/index.vue +56 -54
- package/src/components/xt-config-provider/style/index.scss +0 -11
- package/src/components/xt-date-picker/component/RangeDate.vue +1 -29
- package/src/components/xt-date-picker/style/index.scss +79 -54
- package/src/components/xt-flow/flowable-parser.js +244 -0
- package/src/components/xt-flow/index.js +8 -0
- package/src/components/xt-flow/index.vue +226 -0
- package/src/components/xt-flow/style/index.scss +359 -0
- package/src/components/xt-list/index.vue +23 -12
- package/src/components/xt-scroll/index.js +9 -0
- package/src/components/xt-scroll/index.vue +363 -0
- package/src/components/xt-scroll/style/index.scss +107 -0
- package/src/components/xt-scroll-arrow/index.vue +200 -83
- package/src/components/xt-scroll-arrow/style/index.scss +16 -5
- package/src/components/xt-text/style/index.scss +6 -6
- package/src/index.js +15 -13
- package/src/styles/css-variables.scss +73 -1
- package/src/utils/color.js +105 -0
- package/src/utils/index.js +456 -468
- package/src/utils/theme-vars.js +134 -0
- package/lib/css/1.87a493be.css +0 -1
- package/lib/xt-date-picker/css/1.87a493be.css +0 -1
|
@@ -0,0 +1,280 @@
|
|
|
1
|
+
/* ============================================================
|
|
2
|
+
* XT-Element-UI 主题 CSS 变量定义
|
|
3
|
+
* 用于注入到子系统 iframe 的 <head> 中
|
|
4
|
+
*
|
|
5
|
+
* 设计原则:
|
|
6
|
+
* 1. 定义 Element UI 所需的全部 CSS 变量(--el-*)
|
|
7
|
+
* 2. 亮色主题为默认值(:root)
|
|
8
|
+
* 3. 暗色主题通过 [data-theme="dark"] 切换
|
|
9
|
+
* 4. 子系统无需任何改造,变量注入即生效
|
|
10
|
+
* ============================================================ */
|
|
11
|
+
|
|
12
|
+
/* ==================== 亮色主题(默认) ==================== */
|
|
13
|
+
:root {
|
|
14
|
+
/* 基础色 */
|
|
15
|
+
--el-color-white: #ffffff;
|
|
16
|
+
--el-color-black: #000000;
|
|
17
|
+
|
|
18
|
+
/* 主色 RGB */
|
|
19
|
+
--el-color-primary-rgb: 24, 144, 255;
|
|
20
|
+
--el-color-success-rgb: 103, 194, 58;
|
|
21
|
+
--el-color-warning-rgb: 230, 162, 60;
|
|
22
|
+
--el-color-danger-rgb: 245, 108, 108;
|
|
23
|
+
--el-color-error-rgb: 245, 108, 108;
|
|
24
|
+
--el-color-info-rgb: 144, 147, 153;
|
|
25
|
+
|
|
26
|
+
/* 主色 */
|
|
27
|
+
--el-color-primary: #1890ff;
|
|
28
|
+
--el-color-primary-light-3: #5db1ff;
|
|
29
|
+
--el-color-primary-light-5: #8cc8ff;
|
|
30
|
+
--el-color-primary-light-7: #badeff;
|
|
31
|
+
--el-color-primary-light-8: #d1e9ff;
|
|
32
|
+
--el-color-primary-light-9: #e8f4ff;
|
|
33
|
+
--el-color-primary-dark-2: #1373cc;
|
|
34
|
+
|
|
35
|
+
/* 成功色 */
|
|
36
|
+
--el-color-success: #67c23a;
|
|
37
|
+
--el-color-success-light-3: #95d475;
|
|
38
|
+
--el-color-success-light-5: #b3e19d;
|
|
39
|
+
--el-color-success-light-7: #d1edc4;
|
|
40
|
+
--el-color-success-light-8: #e1f3d8;
|
|
41
|
+
--el-color-success-light-9: #f0f9eb;
|
|
42
|
+
--el-color-success-dark-2: #529b2e;
|
|
43
|
+
|
|
44
|
+
/* 警告色 */
|
|
45
|
+
--el-color-warning: #e6a23c;
|
|
46
|
+
--el-color-warning-light-3: #eebe77;
|
|
47
|
+
--el-color-warning-light-5: #f3d19e;
|
|
48
|
+
--el-color-warning-light-7: #f8e3c5;
|
|
49
|
+
--el-color-warning-light-8: #faecd8;
|
|
50
|
+
--el-color-warning-light-9: #fdf6ec;
|
|
51
|
+
--el-color-warning-dark-2: #b88230;
|
|
52
|
+
|
|
53
|
+
/* 危险色 */
|
|
54
|
+
--el-color-danger: #f56c6c;
|
|
55
|
+
--el-color-danger-light-3: #f89898;
|
|
56
|
+
--el-color-danger-light-5: #fab6b6;
|
|
57
|
+
--el-color-danger-light-7: #fcd3d3;
|
|
58
|
+
--el-color-danger-light-8: #fde2e2;
|
|
59
|
+
--el-color-danger-light-9: #fef0f0;
|
|
60
|
+
--el-color-danger-dark-2: #c45656;
|
|
61
|
+
|
|
62
|
+
/* 错误色 */
|
|
63
|
+
--el-color-error: #f56c6c;
|
|
64
|
+
--el-color-error-light-3: #f89898;
|
|
65
|
+
--el-color-error-light-5: #fab6b6;
|
|
66
|
+
--el-color-error-light-7: #fcd3d3;
|
|
67
|
+
--el-color-error-light-8: #fde2e2;
|
|
68
|
+
--el-color-error-light-9: #fef0f0;
|
|
69
|
+
--el-color-error-dark-2: #c45656;
|
|
70
|
+
|
|
71
|
+
/* 信息色 */
|
|
72
|
+
--el-color-info: #909399;
|
|
73
|
+
--el-color-info-light-3: #b1b3b8;
|
|
74
|
+
--el-color-info-light-5: #c8c9cc;
|
|
75
|
+
--el-color-info-light-7: #dedfe0;
|
|
76
|
+
--el-color-info-light-8: #e9e9eb;
|
|
77
|
+
--el-color-info-light-9: #f4f4f5;
|
|
78
|
+
--el-color-info-dark-2: #73767a;
|
|
79
|
+
|
|
80
|
+
/* 背景色 */
|
|
81
|
+
--el-bg-color: #ffffff;
|
|
82
|
+
--el-bg-color-page: #f2f3f5;
|
|
83
|
+
--el-bg-color-overlay: #ffffff;
|
|
84
|
+
--el-bg-color-block: #ffffff;
|
|
85
|
+
|
|
86
|
+
/* 文字色 */
|
|
87
|
+
--el-text-color-primary: #303133;
|
|
88
|
+
--el-text-color-regular: #606266;
|
|
89
|
+
--el-text-color-secondary: #909399;
|
|
90
|
+
--el-text-color-placeholder: #a8abb2;
|
|
91
|
+
--el-text-color-disabled: #c0c4cc;
|
|
92
|
+
|
|
93
|
+
/* 边框色 */
|
|
94
|
+
--el-border-color: #dcdfe6;
|
|
95
|
+
--el-border-color-light: #e4e7ed;
|
|
96
|
+
--el-border-color-lighter: #ebeef5;
|
|
97
|
+
--el-border-color-extra-light: #f2f6fc;
|
|
98
|
+
--el-border-color-dark: #d4d7de;
|
|
99
|
+
--el-border-color-darker: #cdd0d6;
|
|
100
|
+
|
|
101
|
+
/* 填充色 */
|
|
102
|
+
--el-fill-color: #f0f2f5;
|
|
103
|
+
--el-fill-color-light: #f5f7fa;
|
|
104
|
+
--el-fill-color-lighter: #fafafa;
|
|
105
|
+
--el-fill-color-extra-light: #fafcff;
|
|
106
|
+
--el-fill-color-dark: #ebedf0;
|
|
107
|
+
--el-fill-color-darker: #e6e8eb;
|
|
108
|
+
--el-fill-color-blank: #ffffff;
|
|
109
|
+
|
|
110
|
+
/* 阴影 */
|
|
111
|
+
--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
|
|
112
|
+
--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
|
|
113
|
+
--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
|
|
114
|
+
--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
|
|
115
|
+
|
|
116
|
+
/* 禁用状态 */
|
|
117
|
+
--el-disabled-bg-color: var(--el-fill-color-light);
|
|
118
|
+
--el-disabled-text-color: var(--el-text-color-placeholder);
|
|
119
|
+
--el-disabled-border-color: var(--el-border-color-light);
|
|
120
|
+
|
|
121
|
+
/* 遮罩 */
|
|
122
|
+
--el-overlay-color: rgba(0, 0, 0, .8);
|
|
123
|
+
--el-overlay-color-light: rgba(0, 0, 0, .7);
|
|
124
|
+
--el-overlay-color-lighter: rgba(0, 0, 0, .5);
|
|
125
|
+
--el-mask-color: rgba(255, 255, 255, .9);
|
|
126
|
+
--el-mask-color-extra-light: rgba(255, 255, 255, .3);
|
|
127
|
+
|
|
128
|
+
/* 边框 */
|
|
129
|
+
--el-border-width: 1px;
|
|
130
|
+
--el-border-style: solid;
|
|
131
|
+
--el-border-color-hover: var(--el-text-color-disabled);
|
|
132
|
+
--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
|
|
133
|
+
|
|
134
|
+
/* 字体 */
|
|
135
|
+
--el-font-size-extra-large: 20px;
|
|
136
|
+
--el-font-size-large: 18px;
|
|
137
|
+
--el-font-size-medium: 16px;
|
|
138
|
+
--el-font-size-base: 14px;
|
|
139
|
+
--el-font-size-small: 13px;
|
|
140
|
+
--el-font-size-extra-small: 12px;
|
|
141
|
+
--el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
|
142
|
+
--el-font-weight-primary: 500;
|
|
143
|
+
|
|
144
|
+
/* 圆角 */
|
|
145
|
+
--el-border-radius-base: 4px;
|
|
146
|
+
--el-border-radius-small: 2px;
|
|
147
|
+
--el-border-radius-round: 20px;
|
|
148
|
+
--el-border-radius-circle: 100%;
|
|
149
|
+
|
|
150
|
+
/* 过渡 */
|
|
151
|
+
--el-transition-duration: .3s;
|
|
152
|
+
--el-transition-duration-fast: .2s;
|
|
153
|
+
--el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
|
|
154
|
+
--el-transition-fast-bezier: cubic-bezier(.23, 1, .32, 1);
|
|
155
|
+
--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
|
|
156
|
+
--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-fast-bezier);
|
|
157
|
+
--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-fast-bezier);
|
|
158
|
+
--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
|
|
159
|
+
--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
|
|
160
|
+
--el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
|
|
161
|
+
--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
|
|
162
|
+
|
|
163
|
+
/* 组件尺寸 */
|
|
164
|
+
--el-component-size-large: 40px;
|
|
165
|
+
--el-component-size: 32px;
|
|
166
|
+
--el-component-size-small: 24px;
|
|
167
|
+
|
|
168
|
+
/* 间距 */
|
|
169
|
+
--el-spacing-xs: 8px;
|
|
170
|
+
--el-spacing-sm: 12px;
|
|
171
|
+
--el-spacing-md: 16px;
|
|
172
|
+
--el-spacing-lg: 24px;
|
|
173
|
+
--el-spacing-xl: 32px;
|
|
174
|
+
|
|
175
|
+
/* 层级 */
|
|
176
|
+
--el-index-normal: 1;
|
|
177
|
+
--el-index-top: 1000;
|
|
178
|
+
--el-index-popper: 2000;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
/* ==================== 暗色主题 ==================== */
|
|
182
|
+
:root[data-theme="dark"],
|
|
183
|
+
[data-theme="dark"],
|
|
184
|
+
html.dark {
|
|
185
|
+
color-scheme: dark;
|
|
186
|
+
|
|
187
|
+
/* 主色 - 暗色下稍亮 */
|
|
188
|
+
--el-color-primary: #409eff;
|
|
189
|
+
--el-color-primary-light-3: #3375b9;
|
|
190
|
+
--el-color-primary-light-5: #2a598a;
|
|
191
|
+
--el-color-primary-light-7: #213d5b;
|
|
192
|
+
--el-color-primary-light-8: #1d3043;
|
|
193
|
+
--el-color-primary-light-9: #18222b;
|
|
194
|
+
--el-color-primary-dark-2: #66b1ff;
|
|
195
|
+
|
|
196
|
+
/* 成功色 */
|
|
197
|
+
--el-color-success: #67c23a;
|
|
198
|
+
--el-color-success-light-3: #4e8e2f;
|
|
199
|
+
--el-color-success-light-5: #3e6b27;
|
|
200
|
+
--el-color-success-light-7: #2d481f;
|
|
201
|
+
--el-color-success-light-8: #25371c;
|
|
202
|
+
--el-color-success-light-9: #1c2518;
|
|
203
|
+
--el-color-success-dark-2: #85ce61;
|
|
204
|
+
|
|
205
|
+
/* 警告色 */
|
|
206
|
+
--el-color-warning: #e6a23c;
|
|
207
|
+
--el-color-warning-light-3: #a77730;
|
|
208
|
+
--el-color-warning-light-5: #7d5b28;
|
|
209
|
+
--el-color-warning-light-7: #533f20;
|
|
210
|
+
--el-color-warning-light-8: #3e301c;
|
|
211
|
+
--el-color-warning-light-9: #292218;
|
|
212
|
+
--el-color-warning-dark-2: #ebb563;
|
|
213
|
+
|
|
214
|
+
/* 危险色 */
|
|
215
|
+
--el-color-danger: #f56c6c;
|
|
216
|
+
--el-color-danger-light-3: #b25252;
|
|
217
|
+
--el-color-danger-light-5: #854040;
|
|
218
|
+
--el-color-danger-light-7: #582e2e;
|
|
219
|
+
--el-color-danger-light-8: #412626;
|
|
220
|
+
--el-color-danger-light-9: #2a1d1d;
|
|
221
|
+
--el-color-danger-dark-2: #f78989;
|
|
222
|
+
|
|
223
|
+
/* 错误色 */
|
|
224
|
+
--el-color-error: #f56c6c;
|
|
225
|
+
--el-color-error-light-3: #b25252;
|
|
226
|
+
--el-color-error-light-5: #854040;
|
|
227
|
+
--el-color-error-light-7: #582e2e;
|
|
228
|
+
--el-color-error-light-8: #412626;
|
|
229
|
+
--el-color-error-light-9: #2a1d1d;
|
|
230
|
+
--el-color-error-dark-2: #f78989;
|
|
231
|
+
|
|
232
|
+
/* 信息色 */
|
|
233
|
+
--el-color-info: #909399;
|
|
234
|
+
--el-color-info-light-3: #6b6d71;
|
|
235
|
+
--el-color-info-light-5: #525457;
|
|
236
|
+
--el-color-info-light-7: #393a3c;
|
|
237
|
+
--el-color-info-light-8: #2d2d2f;
|
|
238
|
+
--el-color-info-light-9: #202121;
|
|
239
|
+
--el-color-info-dark-2: #a6a9ad;
|
|
240
|
+
|
|
241
|
+
/* 背景色 */
|
|
242
|
+
--el-bg-color: #141414;
|
|
243
|
+
--el-bg-color-page: #0a0a0a;
|
|
244
|
+
--el-bg-color-overlay: #1d1e1f;
|
|
245
|
+
--el-bg-color-block: #141414;
|
|
246
|
+
|
|
247
|
+
/* 文字色 */
|
|
248
|
+
--el-text-color-primary: #E5EAF3;
|
|
249
|
+
--el-text-color-regular: #CFD3DC;
|
|
250
|
+
--el-text-color-secondary: #A3A6AD;
|
|
251
|
+
--el-text-color-placeholder: #8D9095;
|
|
252
|
+
--el-text-color-disabled: #6C6E72;
|
|
253
|
+
|
|
254
|
+
/* 边框色 */
|
|
255
|
+
--el-border-color: #4C4D4F;
|
|
256
|
+
--el-border-color-light: #414243;
|
|
257
|
+
--el-border-color-lighter: #363637;
|
|
258
|
+
--el-border-color-extra-light: #2B2B2C;
|
|
259
|
+
--el-border-color-dark: #58585B;
|
|
260
|
+
--el-border-color-darker: #636466;
|
|
261
|
+
|
|
262
|
+
/* 填充色 */
|
|
263
|
+
--el-fill-color: #303030;
|
|
264
|
+
--el-fill-color-light: #262727;
|
|
265
|
+
--el-fill-color-lighter: #1D1D1D;
|
|
266
|
+
--el-fill-color-extra-light: #191919;
|
|
267
|
+
--el-fill-color-dark: #39393A;
|
|
268
|
+
--el-fill-color-darker: #424243;
|
|
269
|
+
--el-fill-color-blank: #141414;
|
|
270
|
+
|
|
271
|
+
/* 阴影 */
|
|
272
|
+
--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
|
|
273
|
+
--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
|
|
274
|
+
--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
|
|
275
|
+
--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
|
|
276
|
+
|
|
277
|
+
/* 遮罩 */
|
|
278
|
+
--el-mask-color: rgba(0, 0, 0, .8);
|
|
279
|
+
--el-mask-color-extra-light: rgba(0, 0, 0, .3);
|
|
280
|
+
}
|