@alicloud/console-base-theme-color 1.5.13 → 1.5.14-beta.1
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/build/cjs/const/index.js
CHANGED
|
@@ -9,22 +9,29 @@ var WHITE = '#fff';
|
|
|
9
9
|
var BLACK = '#000';
|
|
10
10
|
var INVERSE = '#fff';
|
|
11
11
|
var INVERSE_BG = '#000';
|
|
12
|
-
|
|
13
|
-
var
|
|
12
|
+
// const BRAND = '#ff6a00';
|
|
13
|
+
var BRAND = '#FE6A06';
|
|
14
|
+
// const BRAND_HOVER = '#ff6a00';
|
|
15
|
+
var BRAND_HOVER = '#FE6A06';
|
|
14
16
|
var BRAND_ACTIVE = '#e50';
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
+
// const ACCENT = '#0064c8';
|
|
18
|
+
var ACCENT = '#1366ec';
|
|
19
|
+
// const ACCENT_HOVER = '#0064c8';
|
|
20
|
+
var ACCENT_HOVER = '#1366ec';
|
|
17
21
|
var ACCENT_ACTIVE = '#0050a0';
|
|
18
|
-
|
|
22
|
+
// const EMPHASIS = '#ff6a00'; // 突出说明,如「金额」、「最重要链接」等,用于 em 或未读标记,
|
|
23
|
+
var EMPHASIS = '#FE6A06'; // 突出说明,如「金额」、「最重要链接」等,用于 em 或未读标记,
|
|
19
24
|
var DANGER = '#c80000';
|
|
20
25
|
var CODE = '#39f';
|
|
21
|
-
|
|
26
|
+
// const GRAY_PRIMARY = '#333';
|
|
27
|
+
var GRAY_PRIMARY = '#3D3D3D';
|
|
22
28
|
var GRAY_SECONDARY = '#666';
|
|
23
29
|
var GRAY_TERTIARY = '#999';
|
|
24
30
|
var GRAY_DISABLED = '#c0c6cc';
|
|
25
31
|
var GRAY_PRIMARY_BD = '#d1d5d9';
|
|
26
32
|
var GRAY_SECONDARY_BD = '#e3e4e6';
|
|
27
|
-
|
|
33
|
+
// const GRAY_TERTIARY_BD = '#e5e5e5';
|
|
34
|
+
var GRAY_TERTIARY_BD = '#EAEDF1';
|
|
28
35
|
var GRAY_DISABLED_BD = '#e3e4e6';
|
|
29
36
|
var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色(常用于文字按钮背景色)
|
|
30
37
|
var GRAY_SECONDARY_BG = '#eff3f8'; // 视觉上第二层级的背景色(常用于文字按钮 ACTIVE 背景色)
|
|
@@ -33,7 +40,8 @@ var GRAY_DISABLED_BG = '#e3e4e6';
|
|
|
33
40
|
var GRAY_SECONDARY_FADE_BG = 'rgba(0,46,70,0.04314)'; // 等价于 BG_SECONDARY
|
|
34
41
|
var GRAY_TERTIARY_FADE_BG = 'rgba(0,0,0,0.066667)'; // 等价于 BG_TERTIARY
|
|
35
42
|
var HELP = '#888';
|
|
36
|
-
|
|
43
|
+
// const INFO = '#0064c8';
|
|
44
|
+
var INFO = '#1366ec';
|
|
37
45
|
var SUCCESS = '#1e8e3e';
|
|
38
46
|
var WARNING = '#ffc440';
|
|
39
47
|
var ERROR = '#d93026';
|
|
@@ -48,7 +56,7 @@ var SUCCESS_TINT_FADE = 'rgba(0,212,57,0.070588)';
|
|
|
48
56
|
var WARNING_TINT_FADE = 'rgba(255,198,0,0.141176)';
|
|
49
57
|
var ERROR_TINT_FADE = 'rgba(210,15,0,0.066667)';
|
|
50
58
|
var SHADOW = 'rgba(0,0,0,0.08)';
|
|
51
|
-
var BACKDROP = 'rgba(0,0,0,0.
|
|
59
|
+
var BACKDROP = 'rgba(0,0,0,0.45)';
|
|
52
60
|
var COLOR_ESSENTIAL = exports.COLOR_ESSENTIAL = {
|
|
53
61
|
TRANSPARENT: TRANSPARENT,
|
|
54
62
|
WHITE: WHITE,
|
package/build/cjs/dark/index.js
CHANGED
|
@@ -49,7 +49,7 @@ var HELP_TINT_FADE = 'rgba(127,127,127,0.666667)';
|
|
|
49
49
|
// const WARNING_TINT_FADE = 'rgba(255,198,0,0.141176)';
|
|
50
50
|
// const ERROR_TINT_FADE = 'rgba(210,15,0,0.066667)';
|
|
51
51
|
var SHADOW = 'rgba(0,0,0,0.32)';
|
|
52
|
-
var BACKDROP = 'rgba(0,0,0,0.
|
|
52
|
+
var BACKDROP = 'rgba(0,0,0,0.45)';
|
|
53
53
|
var COLOR_ESSENTIAL_OVERRIDE = {
|
|
54
54
|
// TRANSPARENT,
|
|
55
55
|
// WHITE,
|
package/build/esm/const/index.js
CHANGED
|
@@ -3,22 +3,29 @@ var WHITE = '#fff';
|
|
|
3
3
|
var BLACK = '#000';
|
|
4
4
|
var INVERSE = '#fff';
|
|
5
5
|
var INVERSE_BG = '#000';
|
|
6
|
-
|
|
7
|
-
var
|
|
6
|
+
// const BRAND = '#ff6a00';
|
|
7
|
+
var BRAND = '#FE6A06';
|
|
8
|
+
// const BRAND_HOVER = '#ff6a00';
|
|
9
|
+
var BRAND_HOVER = '#FE6A06';
|
|
8
10
|
var BRAND_ACTIVE = '#e50';
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
+
// const ACCENT = '#0064c8';
|
|
12
|
+
var ACCENT = '#1366ec';
|
|
13
|
+
// const ACCENT_HOVER = '#0064c8';
|
|
14
|
+
var ACCENT_HOVER = '#1366ec';
|
|
11
15
|
var ACCENT_ACTIVE = '#0050a0';
|
|
12
|
-
|
|
16
|
+
// const EMPHASIS = '#ff6a00'; // 突出说明,如「金额」、「最重要链接」等,用于 em 或未读标记,
|
|
17
|
+
var EMPHASIS = '#FE6A06'; // 突出说明,如「金额」、「最重要链接」等,用于 em 或未读标记,
|
|
13
18
|
var DANGER = '#c80000';
|
|
14
19
|
var CODE = '#39f';
|
|
15
|
-
|
|
20
|
+
// const GRAY_PRIMARY = '#333';
|
|
21
|
+
var GRAY_PRIMARY = '#3D3D3D';
|
|
16
22
|
var GRAY_SECONDARY = '#666';
|
|
17
23
|
var GRAY_TERTIARY = '#999';
|
|
18
24
|
var GRAY_DISABLED = '#c0c6cc';
|
|
19
25
|
var GRAY_PRIMARY_BD = '#d1d5d9';
|
|
20
26
|
var GRAY_SECONDARY_BD = '#e3e4e6';
|
|
21
|
-
|
|
27
|
+
// const GRAY_TERTIARY_BD = '#e5e5e5';
|
|
28
|
+
var GRAY_TERTIARY_BD = '#EAEDF1';
|
|
22
29
|
var GRAY_DISABLED_BD = '#e3e4e6';
|
|
23
30
|
var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色(常用于文字按钮背景色)
|
|
24
31
|
var GRAY_SECONDARY_BG = '#eff3f8'; // 视觉上第二层级的背景色(常用于文字按钮 ACTIVE 背景色)
|
|
@@ -27,7 +34,8 @@ var GRAY_DISABLED_BG = '#e3e4e6';
|
|
|
27
34
|
var GRAY_SECONDARY_FADE_BG = 'rgba(0,46,70,0.04314)'; // 等价于 BG_SECONDARY
|
|
28
35
|
var GRAY_TERTIARY_FADE_BG = 'rgba(0,0,0,0.066667)'; // 等价于 BG_TERTIARY
|
|
29
36
|
var HELP = '#888';
|
|
30
|
-
|
|
37
|
+
// const INFO = '#0064c8';
|
|
38
|
+
var INFO = '#1366ec';
|
|
31
39
|
var SUCCESS = '#1e8e3e';
|
|
32
40
|
var WARNING = '#ffc440';
|
|
33
41
|
var ERROR = '#d93026';
|
|
@@ -42,7 +50,7 @@ var SUCCESS_TINT_FADE = 'rgba(0,212,57,0.070588)';
|
|
|
42
50
|
var WARNING_TINT_FADE = 'rgba(255,198,0,0.141176)';
|
|
43
51
|
var ERROR_TINT_FADE = 'rgba(210,15,0,0.066667)';
|
|
44
52
|
var SHADOW = 'rgba(0,0,0,0.08)';
|
|
45
|
-
var BACKDROP = 'rgba(0,0,0,0.
|
|
53
|
+
var BACKDROP = 'rgba(0,0,0,0.45)';
|
|
46
54
|
export var COLOR_ESSENTIAL = {
|
|
47
55
|
TRANSPARENT: TRANSPARENT,
|
|
48
56
|
WHITE: WHITE,
|
package/build/esm/dark/index.js
CHANGED
|
@@ -44,7 +44,7 @@ var HELP_TINT_FADE = 'rgba(127,127,127,0.666667)';
|
|
|
44
44
|
// const WARNING_TINT_FADE = 'rgba(255,198,0,0.141176)';
|
|
45
45
|
// const ERROR_TINT_FADE = 'rgba(210,15,0,0.066667)';
|
|
46
46
|
var SHADOW = 'rgba(0,0,0,0.32)';
|
|
47
|
-
var BACKDROP = 'rgba(0,0,0,0.
|
|
47
|
+
var BACKDROP = 'rgba(0,0,0,0.45)';
|
|
48
48
|
var COLOR_ESSENTIAL_OVERRIDE = {
|
|
49
49
|
// TRANSPARENT,
|
|
50
50
|
// WHITE,
|