@maxax/ui 1.1.68 → 1.1.71

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.
@@ -0,0 +1,6 @@
1
+ [data-vxe-ui-theme="light"] {
2
+ --vxe-ui-font-primary-color: rgb(var(--primary-color));
3
+ }
4
+ [data-vxe-ui-theme="dark"] {
5
+ --vxe-ui-font-primary-color: rgb(var(--primary-color));
6
+ }
@@ -1,7 +1,3 @@
1
- @use 'vxe-table/styles/variable.scss' as vxe_table_variable;
2
- @use 'vxe-pc-ui/styles/variable.scss' as vxe_pc_ui_variable;
3
1
  @use 'vxe-table/styles/all.scss' as vxe_table_all;
4
2
  @use 'vxe-pc-ui/styles/all.scss' as vxe_pc_ui_all;
5
-
6
- @use './ui/index.scss' as *;
7
- @use './table/index.scss' as *;
3
+ @use './theme.scss' as *;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maxax/ui",
3
- "version": "1.1.68",
3
+ "version": "1.1.71",
4
4
  "description": "Vue 3 component library for Maxax apps",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -50,8 +50,8 @@
50
50
  "vxe-table": "4.19.14",
51
51
  "xe-utils": "4.0.9",
52
52
  "@maxax/types": "1.0.2",
53
- "@maxax/utils": "1.0.9",
54
- "@maxax/hooks": "1.0.4"
53
+ "@maxax/hooks": "1.0.4",
54
+ "@maxax/utils": "1.0.9"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@esbuild-kit/cjs-loader": "^2.4.4",
@@ -1,87 +0,0 @@
1
- :root {
2
- /*font*/
3
- --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
4
-
5
- /*font size*/
6
- --vxe-ui-font-size-default: 14px;
7
- --vxe-ui-font-size-medium: 14px;
8
- --vxe-ui-font-size-small: 13px;
9
- --vxe-ui-font-size-mini: 12px;
10
-
11
- /*base border*/
12
- --vxe-ui-border-radius: 4px;
13
-
14
- /*input*/
15
- --vxe-ui-input-disabled-color: #dcdfe6;
16
- --vxe-ui-input-height-default: 34px;
17
- --vxe-ui-input-height-medium: 32px;
18
- --vxe-ui-input-height-small: 30px;
19
- --vxe-ui-input-height-mini: 28px;
20
-
21
- /*table*/
22
- --vxe-ui-table-header-font-color: var(--vxe-ui-font-color);
23
- --vxe-ui-table-footer-font-color: var(--vxe-ui-font-color);
24
- --vxe-ui-table-border-radius: var(--vxe-ui-border-radius);
25
- --vxe-ui-table-border-width: 1.05px;
26
- --vxe-ui-table-resizable-line-color: #D9DDDF;
27
- --vxe-ui-table-resizable-drag-line-color: var(--vxe-ui-font-primary-color);
28
- --vxe-ui-table-footer-background-color: var(--vxe-ui-layout-background-color);
29
- --vxe-ui-table-tree-node-line-color:#909399;
30
- --vxe-ui-table-tree-node-line-style: dotted;
31
- --vxe-ui-table-header-font-weight: 700;
32
-
33
- --vxe-ui-table-row-height-default: 48px;
34
- --vxe-ui-table-row-height-medium: 44px;
35
- --vxe-ui-table-row-height-small: 40px;
36
- --vxe-ui-table-row-height-mini: 36px;
37
- --vxe-ui-table-row-line-height: 22px;
38
-
39
- --vxe-ui-table-column-icon-border-color: #c0c4cc;
40
- --vxe-ui-table-column-icon-border-hover-color: #515A6E;
41
-
42
- --vxe-ui-table-cell-padding-default: 8px;
43
- --vxe-ui-table-cell-padding-medium: 7px;
44
- --vxe-ui-table-cell-padding-small: 6px;
45
- --vxe-ui-table-cell-padding-mini: 5px;
46
- --vxe-ui-table-cell-placeholder-color: #C0C4CC;
47
- --vxe-ui-table-cell-negative-color: #f56c6c;
48
- --vxe-ui-table-cell-input-height-default: var(--vxe-ui-table-row-height-default) - 6;
49
- --vxe-ui-table-cell-input-height-medium: var(--vxe-ui-table-row-height-medium) - 6;
50
- --vxe-ui-table-cell-input-height-small: var(--vxe-ui-table-row-height-small) - 6;
51
- --vxe-ui-table-cell-input-height-mini: var(--vxe-ui-table-row-height-mini) - 6;
52
- --vxe-ui-table-cell-dirty-width: 5px;
53
- --vxe-ui-table-cell-dirty-update-color: #f56c6c;
54
- --vxe-ui-table-cell-dirty-insert-color: #19A15F;
55
- --vxe-ui-table-cell-area-border-color: var(--vxe-ui-font-primary-color);
56
- --vxe-ui-table-cell-area-border-width: 1px;
57
- --vxe-ui-table-cell-area-status-border-width: var(--vxe-ui-table-cell-area-border-width);
58
- --vxe-ui-table-cell-main-area-extension-border-color: #fff;
59
- --vxe-ui-table-cell-main-area-extension-background-color: var(--vxe-ui-font-primary-color);
60
- --vxe-ui-table-cell-extend-area-border-width: 2px;
61
- --vxe-ui-table-cell-clip-area-border-width: 3px;
62
- --vxe-ui-table-cell-active-area-border-width: 2px;
63
- --vxe-ui-table-cell-active-area-background-color: transparent;
64
- --vxe-ui-table-cell-clip-area-border-color: var(--vxe-ui-table-cell-area-border-color);
65
- --vxe-ui-table-cell-extend-area-border-color: var(--vxe-ui-table-cell-area-border-color);
66
- --vxe-ui-table-cell-active-area-border-color: var(--vxe-ui-table-cell-area-border-color);
67
- --vxe-ui-table-cell-area-background-color: rgba(64,158,255,0.2);
68
- --vxe-ui-table-cell-area-status-background-color: rgba(64,158,255,0.1);
69
-
70
- --vxe-ui-table-expand-padding-default: 16px;
71
-
72
- --vxe-ui-table-checkbox-range-border-width: 1px;
73
- --vxe-ui-table-checkbox-range-border-color: #006af1;
74
- --vxe-ui-table-checkbox-range-background-color: rgba(50,128,252,0.2);
75
-
76
- --vxe-ui-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
77
- --vxe-ui-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
78
-
79
- --vxe-ui-table-menu-item-width: 198px;
80
- --vxe-ui-table-menu-background-color: #fff;
81
-
82
- --vxe-ui-table-validate-error-color: #f56c6c;
83
- --vxe-ui-table-validate-error-background-color: var(--vxe-ui-layout-background-color);
84
-
85
- /*toolbar*/
86
- --vxe-ui-toolbar-custom-active-background-color: #D9DADB;
87
- }
@@ -1,48 +0,0 @@
1
- [data-vxe-ui-theme='dark'],
2
- html.dark {
3
- color-scheme: dark;
4
-
5
- /*font color*/
6
- --vxe-ui-font-color: #a0a3a7;
7
- --vxe-ui-font-tinge-color: #33353b;
8
- --vxe-ui-font-lighten-color: #797b80;
9
- --vxe-ui-font-darken-color: #47494c;
10
- --vxe-ui-font-disabled-color: #464646;
11
-
12
- /*font status color*/
13
- --vxe-ui-font-primary-color: rgb(var(--primary-color));
14
-
15
- /*base*/
16
- --vxe-ui-base-popup-border-color: #424242;
17
- --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, 0.5);
18
-
19
- /*layout*/
20
- --vxe-ui-layout-background-color: #121212;
21
-
22
- /*input*/
23
- --vxe-ui-input-border-color: #424242;
24
- --vxe-ui-input-placeholder-color: #8D9095;
25
- --vxe-ui-input-disabled-background-color: #262727;
26
-
27
- /*loading*/
28
- --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.1);
29
-
30
- /*table*/
31
- --vxe-ui-table-header-background-color: #28282a;
32
- --vxe-ui-table-column-to-row-background-color: #28282a;
33
- --vxe-ui-table-column-hover-background-color: #242f3b;
34
- --vxe-ui-table-column-current-background-color: #18222c;
35
- --vxe-ui-table-column-hover-current-background-color: #242f3b;
36
- --vxe-ui-table-border-color: #37373a;
37
- --vxe-ui-table-row-hover-background-color: #262727;
38
- --vxe-ui-table-row-striped-background-color: #1D1D1D;
39
- --vxe-ui-table-row-hover-striped-background-color: #262727;
40
- --vxe-ui-table-row-radio-checked-background-color: #604820;
41
- --vxe-ui-table-row-hover-radio-checked-background-color: #6e5326;
42
- --vxe-ui-table-row-checkbox-checked-background-color: #604820;
43
- --vxe-ui-table-row-hover-checkbox-checked-background-color: #6e5326;
44
- --vxe-ui-table-row-current-background-color: #18222c;
45
- --vxe-ui-table-row-hover-current-background-color: #242f3b;
46
- --vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.8);
47
- --vxe-ui-table-drag-over-background-color:rgba(48, 48, 0, 0.3);
48
- }
@@ -1,3 +0,0 @@
1
- @use './base.scss' as *;
2
- @use './light.scss' as *;
3
- @use './dark.scss' as *;
@@ -1,42 +0,0 @@
1
- [data-vxe-ui-theme='light'] {
2
- /*font color*/
3
- --vxe-ui-font-color: #606266;
4
- --vxe-ui-font-primary-color: rgb(var(--primary-color));
5
- --vxe-ui-font-lighten-color: #797b80;
6
- --vxe-ui-font-darken-color: #47494c;
7
- --vxe-ui-font-disabled-color: #BFBFBF;
8
-
9
- /*base*/
10
- --vxe-ui-base-popup-border-color: #DADCE0;
11
- --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
12
-
13
- /*layout*/
14
- --vxe-ui-layout-background-color: #ffffff;
15
-
16
- /*input*/
17
- --vxe-ui-input-border-color: #dcdfe6;
18
- --vxe-ui-input-placeholder-color: #C0C4CC;
19
- --vxe-ui-input-disabled-background-color: #f3f3f3;
20
-
21
- /*loading*/
22
- --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
23
-
24
- /*table*/
25
- --vxe-ui-table-header-background-color: #f8f8f9;
26
- --vxe-ui-table-column-to-row-background-color: #f8f8f9;
27
- --vxe-ui-table-column-hover-background-color: #d7effb;
28
- --vxe-ui-table-column-current-background-color: #e6f7ff;
29
- --vxe-ui-table-column-hover-current-background-color: #d7effb;
30
- --vxe-ui-table-border-color: #e8eaec;
31
- --vxe-ui-table-row-hover-background-color: #f5f7fa;
32
- --vxe-ui-table-row-striped-background-color: #fafafa;
33
- --vxe-ui-table-row-hover-striped-background-color: #f5f7fa;
34
- --vxe-ui-table-row-radio-checked-background-color: #fff3e0;
35
- --vxe-ui-table-row-hover-radio-checked-background-color: #ffebbc;
36
- --vxe-ui-table-row-checkbox-checked-background-color: #fff3e0;
37
- --vxe-ui-table-row-hover-checkbox-checked-background-color: #ffebbc;
38
- --vxe-ui-table-row-current-background-color: #e6f7ff;
39
- --vxe-ui-table-row-hover-current-background-color: #d7effb;
40
- --vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
41
- --vxe-ui-table-drag-over-background-color: rgba(255,255,200,0.3);
42
- }
@@ -1,200 +0,0 @@
1
- :root {
2
- /*font*/
3
- --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
4
-
5
- /*font size*/
6
- --vxe-ui-font-size-large: 15px;
7
- --vxe-ui-font-size-default: 14px;
8
- --vxe-ui-font-size-medium: 14px;
9
- --vxe-ui-font-size-small: 13px;
10
- --vxe-ui-font-size-mini: 12px;
11
-
12
- /*font color*/
13
- --vxe-ui-font-secondary-color: #909399; // 次要字体颜色
14
- --vxe-ui-font-placeholder-color: #a8abb2; // 占位符字体颜色
15
-
16
- /*base*/
17
- --vxe-ui-base-border-radius: 4px;
18
- --vxe-ui-base-margin-gap-default: 8px;
19
- --vxe-ui-base-margin-gap-medium: 7px;
20
- --vxe-ui-base-margin-gap-small: 6px;
21
- --vxe-ui-base-margin-gap-mini: 5px;
22
-
23
- /*layout*/
24
- --vxe-ui-layout-padding-qtr: 2px;
25
- --vxe-ui-layout-padding-half: 4px;
26
- --vxe-ui-layout-padding-default: 8px;
27
- --vxe-ui-layout-padding-double: 16px;
28
- --vxe-ui-layout-padding-threefold: 24px;
29
- --vxe-ui-layout-aside-default-width: 300px;
30
- --vxe-ui-layout-aside-collapse-width: 60px;
31
-
32
- /*menu*/
33
- --vxe-ui-menu-item-height-default: 44px;
34
- --vxe-ui-menu-item-height-medium: 40px;
35
- --vxe-ui-menu-item-height-small: 36px;
36
- --vxe-ui-menu-item-height-mini: 32px;
37
- --vxe-ui-menu-icon-width: 1.5em;
38
-
39
- /*button*/
40
- --vxe-ui-button-max-width: 500px;
41
- --vxe-ui-button-height-default: 34px;
42
- --vxe-ui-button-height-medium: 32px;
43
- --vxe-ui-button-height-small: 30px;
44
- --vxe-ui-button-height-mini: 28px;
45
- --vxe-ui-button-round-border-radius-default: 17px;
46
- --vxe-ui-button-round-border-radius-medium: 16px;
47
- --vxe-ui-button-round-border-radius-small: 15px;
48
- --vxe-ui-button-round-border-radius-mini: 14px;
49
-
50
- /*input*/
51
- --vxe-ui-input-disabled-color: #dcdfe6;
52
- --vxe-ui-input-number-disabled-color: #e4e7ed;
53
- --vxe-ui-input-date-festival-color: #abaaaa;
54
- --vxe-ui-input-date-festival-important-color: var(--vxe-ui-font-primary-color);
55
- --vxe-ui-input-date-notice-background-color: #FF0000;
56
- --vxe-ui-input-date-picker-hover-background-color: #f2f6fc;
57
- --vxe-ui-input-date-picker-selected-color: #fff;
58
- --vxe-ui-input-date-time-confirm-button-color: #fff;
59
- --vxe-ui-input-date-picker-festival-selected-color: var(--vxe-ui-input-date-picker-selected-color);
60
- --vxe-ui-input-date-picker-notice-selected-background-color: var(--vxe-ui-input-date-picker-selected-color);
61
- --vxe-ui-input-date-extra-color: #67c23a;
62
- --vxe-ui-input-date-extra-important-color: #fd2222;
63
- --vxe-ui-input-date-title-height-default: 30px;
64
- --vxe-ui-input-date-title-height-medium: 29px;
65
- --vxe-ui-input-date-title-height-small: 28px;
66
- --vxe-ui-input-date-title-height-mini: 26px;
67
- --vxe-ui-input-date-time-week-row-height-default: 38px;
68
- --vxe-ui-input-date-time-week-row-height-medium: 36px;
69
- --vxe-ui-input-date-time-week-row-height-small: 34px;
70
- --vxe-ui-input-date-time-week-row-height-mini: 32px;
71
- --vxe-ui-input-date-month-year-row-height-default: 48px;
72
- --vxe-ui-input-date-month-year-row-height-medium: 46px;
73
- --vxe-ui-input-date-month-year-row-height-small: 44px;
74
- --vxe-ui-input-date-month-year-row-height-mini: 42px;
75
- --vxe-ui-input-date-quarter-row-height-default: 60px;
76
- --vxe-ui-input-date-quarter-row-height-medium: 58px;
77
- --vxe-ui-input-date-quarter-row-height-small: 56px;
78
- --vxe-ui-input-date-quarter-row-height-mini: 54px;
79
- --vxe-ui-input-height-default: var(--vxe-ui-button-height-default);
80
- --vxe-ui-input-height-medium: var(--vxe-ui-button-height-medium);
81
- --vxe-ui-input-height-small: var(--vxe-ui-button-height-small);
82
- --vxe-ui-input-height-mini: var(--vxe-ui-button-height-mini);
83
- --vxe-ui-input-count-color: #999;
84
- --vxe-ui-input-count-error-color: var(--vxe-ui-status-error-color);
85
-
86
- /*anchor*/
87
- --vxe-ui-anchor-link-color: var(--vxe-ui-font-secondary-color);
88
- --vxe-ui-anchor-link-active-color: var(--vxe-ui-font-primary-color);
89
-
90
- /*breadcrumb*/
91
- --vxe-ui-breadcrumb-color: var(--vxe-ui-font-secondary-color);
92
- --vxe-ui-breadcrumb-current-item-color: var(--vxe-ui-font-color);
93
-
94
- /*loading*/
95
- --vxe-ui-loading-color: var(--vxe-ui-font-primary-color);
96
-
97
- /*tooltip*/
98
- --vxe-ui-tooltip-dark-color: #fff;
99
- --vxe-ui-tooltip-dark-background-color: #303133;
100
-
101
- /*form*/
102
- --vxe-ui-form-item-min-height-default: 56px;
103
- --vxe-ui-form-item-min-height-medium: 52px;
104
- --vxe-ui-form-item-min-height-small: 48px;
105
- --vxe-ui-form-item-min-height-mini: 44px;
106
- --vxe-ui-form-validate-error-color: var(--vxe-ui-status-error-color);
107
- --vxe-ui-form-item-padding-default: 8px;
108
- --vxe-ui-form-item-padding-medium: 7px;
109
- --vxe-ui-form-item-padding-small: 6px;
110
- --vxe-ui-form-item-padding-mini: 5px;
111
- --vxe-ui-form-validate-error-background-color: inherit;
112
-
113
- /*form-design*/
114
- --vxe-ui-form-design-widget-item-font-size: 0.9em;
115
-
116
- /*checkbox*/
117
- --vxe-ui-checkbox-font-size-default: 15px;
118
- --vxe-ui-checkbox-font-size-medium: 14px;
119
- --vxe-ui-checkbox-font-size-small: 13px;
120
- --vxe-ui-checkbox-font-size-mini: 12px;
121
- --vxe-ui-checkbox-checked-width: 0.32em;
122
- --vxe-ui-checkbox-checked-height: 0.64em;
123
- --vxe-ui-checkbox-indeterminate-width: 0.6em;
124
- --vxe-ui-checkbox-indeterminate-height: 2px;
125
- --vxe-ui-checkbox-border-width: 2px;
126
- --vxe-ui-checkbox-border-radius: 2px;
127
- --vxe-ui-checkbox-icon-background-color: #fff;
128
- --vxe-ui-checkbox-checked-icon-border-color: #fff;
129
- --vxe-ui-checkbox-indeterminate-icon-background-color: #fff;
130
-
131
- /*radio*/
132
- --vxe-ui-radio-font-size-default: 15px;
133
- --vxe-ui-radio-font-size-medium: 14px;
134
- --vxe-ui-radio-font-size-small: 13px;
135
- --vxe-ui-radio-font-size-mini: 12px;
136
- --vxe-ui-radio-border-width: 0.32em;
137
- --vxe-ui-radio-icon-background-color: #fff;
138
- --vxe-ui-radio-checked-icon-background-color: #fff;
139
- --vxe-ui-radio-indeterminate-icon-background-color: #fff;
140
-
141
- /*select*/
142
- --vxe-ui-select-option-height-default: 30px;
143
- --vxe-ui-select-option-height-medium: 28px;
144
- --vxe-ui-select-option-height-small: 26px;
145
- --vxe-ui-select-option-height-mini: 24px;
146
- --vxe-ui-select-empty-color: #C0C4CC;
147
- --vxe-ui-select-title-color: #909399;
148
-
149
- /*pulldown*/
150
- --vxe-ui-pulldown-option-height-default: var(--vxe-ui-select-option-height-default);
151
- --vxe-ui-pulldown-option-height-medium: var(--vxe-ui-select-option-height-medium);
152
- --vxe-ui-pulldown-option-height-small: var(--vxe-ui-select-option-height-small);
153
- --vxe-ui-pulldown-option-height-mini: var(--vxe-ui-select-option-height-mini);
154
-
155
- /*switch*/
156
- --vxe-ui-switch-font-color: #fff;
157
- --vxe-ui-switch-icon-background-color: #fff;
158
- --vxe-ui-switch-open-background-color: var(--vxe-ui-font-primary-color);
159
- --vxe-ui-switch-disabled-background-color: rgba(0,0,0,0.15);
160
-
161
- /*upload*/
162
- --vxe-ui-upload-file-button-border-style: dashed;
163
- --vxe-ui-upload-image-button-border-style: dashed;
164
- --vxe-ui-upload-image-wh-default: 120px;
165
- --vxe-ui-upload-image-wh-medium: 104px;
166
- --vxe-ui-upload-image-wh-small: 88px;
167
- --vxe-ui-upload-image-wh-mini: 72px;
168
-
169
- /*card*/
170
- --vxe-ui-card-padding-default: 12px;
171
- --vxe-ui-card-padding-medium: 10px;
172
- --vxe-ui-card-padding-small: 8px;
173
- --vxe-ui-card-padding-mini: 6px;
174
-
175
- /*tree*/
176
- --vxe-ui-tree-node-height: 2em;
177
- --vxe-ui-tree-node-line-color:#909399;
178
- --vxe-ui-tree-node-line-style: dotted;
179
- --vxe-ui-tree-node-line-width: 1px;
180
-
181
- /*tabs*/
182
- --vxe-ui-tabs-header-height-default: 40px;
183
- --vxe-ui-tabs-header-height-medium: 38px;
184
- --vxe-ui-tabs-header-height-small: 36px;
185
- --vxe-ui-tabs-header-height-mini: 32px;
186
-
187
- /*tabs*/
188
- --vxe-ui-calendar-hover-background-color: #f2f6fc;
189
- --vxe-ui-calendar-selected-color: #fff;
190
- --vxe-ui-calendar-festival-selected-color: var(--vxe-ui-calendar-selected-color);
191
- --vxe-ui-calendar-notice-selected-background-color: var(--vxe-ui-calendar-selected-color);
192
-
193
- /*split*/
194
- --vxe-ui-splitter-handle-bar-horizontal-width: 0.68em;
195
- --vxe-ui-splitter-handle-bar-horizontal-height: 3.2em;
196
- --vxe-ui-splitter-handle-bar-vertical-width: var(--vxe-ui-splitter-handle-bar-horizontal-height);
197
- --vxe-ui-splitter-handle-bar-vertical-height: var(--vxe-ui-splitter-handle-bar-horizontal-width);
198
- --vxe-ui-splitter-resizable-line-color: #D9DDDF;
199
- --vxe-ui-splitter-resizable-drag-line-color: var(--vxe-ui-font-primary-color);
200
- }
@@ -1,117 +0,0 @@
1
- [data-vxe-ui-theme='dark'],
2
- html.dark {
3
- color-scheme: dark;
4
-
5
- /*font color*/
6
- --vxe-ui-font-color: #a0a3a7;
7
- --vxe-ui-font-tinge-color: #33353b;
8
- --vxe-ui-font-lighten-color: #797b80;
9
- --vxe-ui-font-darken-color: #47494c;
10
- --vxe-ui-font-disabled-color: #464646;
11
-
12
- /*font status color*/
13
- --vxe-ui-font-primary-color: #409eff;
14
- --vxe-ui-font-primary-hover-color: #202326;
15
- --vxe-ui-font-primary-tinge-color: #3a4653;
16
- --vxe-ui-font-primary-lighten-color: #73b8ff;
17
- --vxe-ui-font-primary-darken-color: #0d84ff;
18
- --vxe-ui-font-primary-disabled-color: #a6d2ff;
19
-
20
- --vxe-ui-status-success-color: #67c23a;
21
- --vxe-ui-status-info-color: #909399;
22
- --vxe-ui-status-warning-color: #e6a23c;
23
- --vxe-ui-status-danger-color: #f56c6c;
24
- --vxe-ui-status-error-color: #f56c6c;
25
-
26
- --vxe-ui-status-success-tinge-color: #33412f;
27
- --vxe-ui-status-info-tinge-color: #38383b;
28
- --vxe-ui-status-warning-tinge-color: #332c22;
29
- --vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);
30
- --vxe-ui-status-error-tinge-color: #372525;
31
-
32
- --vxe-ui-status-success-lighten-color: #85cf60;
33
- --vxe-ui-status-info-lighten-color: #abadb1;
34
- --vxe-ui-status-warning-lighten-color: #ecb869;
35
- --vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);
36
- --vxe-ui-status-error-lighten-color: #f89c9c;
37
-
38
- --vxe-ui-status-success-darken-color: #529b2e;
39
- --vxe-ui-status-info-darken-color: #767980;
40
- --vxe-ui-status-warning-darken-color: #d48a1b;
41
- --vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);
42
- --vxe-ui-status-error-darken-color: #f56c6c;
43
-
44
- --vxe-ui-status-success-disabled-color: #a3db87;
45
- --vxe-ui-status-info-disabled-color: #c5c7ca;
46
- --vxe-ui-status-warning-disabled-color: #f2cd96;
47
- --vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);
48
- --vxe-ui-status-error-disabled-color: #f5a8a8;
49
-
50
- /*base*/
51
- --vxe-ui-base-popup-border-color: #424242;
52
- --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, 0.5);
53
- --vxe-ui-base-drag-background-color: #2e3741;
54
- --vxe-ui-base-active-background-color: #18222c;
55
- --vxe-ui-base-hover-background-color: #191a1c;
56
-
57
- /*layout*/
58
- --vxe-ui-layout-background-color: #121212;
59
-
60
- /*input*/
61
- --vxe-ui-input-border-color: #424242;
62
- --vxe-ui-input-placeholder-color: #3c3d3e;
63
- --vxe-ui-input-disabled-background-color: #262727;
64
-
65
- /*number-input*/
66
- --vxe-ui-number-input-control-button-color: #262727;
67
-
68
- /*modal*/
69
- --vxe-ui-modal-header-background-color: var(--vxe-ui-layout-background-color);
70
-
71
- /*tabs*/
72
- --vxe-ui-tabs-card-header-background-color: #1d1e1f;
73
- --vxe-ui-tabs-close-hover-background-color: rgba(48, 48, 0, 0.8);
74
- --vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.8);
75
-
76
- /*menu*/
77
- --vxe-ui-menu-item-hover-color: var(--vxe-ui-font-primary-color);
78
- --vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);
79
-
80
- /*loading*/
81
- --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.1);
82
-
83
- /*form*/
84
- --vxe-ui-form-title-background-color: #28282a;
85
- --vxe-ui-form-border-color: #37373a;
86
-
87
- /*form-design*/
88
- --vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);
89
- --vxe-ui-form-design-sub-widget-hover-background-color: #27292b;
90
-
91
- /*list-design*/
92
- --vxe-ui-list-design-table-border-color: #37373a;
93
- --vxe-ui-list-design-table-header-background-color: #28282a;
94
-
95
- /*switch*/
96
- --vxe-ui-switch-close-background-color: #4C4D4F;
97
-
98
- /*upload*/
99
- --vxe-ui-upload-drag-over-background-color:rgba(48, 48, 0, 0.8);
100
-
101
- /*tree*/
102
- --vxe-ui-tree-node-hover-background-color: #262727;
103
- --vxe-ui-tree-node-radio-checked-background-color: #604820;
104
- --vxe-ui-tree-node-hover-radio-checked-background-color: #6e5326;
105
- --vxe-ui-tree-node-checkbox-checked-background-color: #604820;
106
- --vxe-ui-tree-node-hover-checkbox-checked-background-color: #6e5326;
107
- --vxe-ui-tree-node-current-background-color: #18222c;
108
- --vxe-ui-tree-node-hover-current-background-color: #262727;
109
-
110
- /*rate*/
111
- --vxe-ui-rate-item-color: #bd9537;
112
-
113
- /*split*/
114
- --vxe-ui-splitter-handle-button-background-color: #9f9f9f;
115
- --vxe-ui-splitter-handle-bar-background-color: #444444;
116
- --vxe-ui-splitter-handle-bar-hover-background-color: #606060;
117
- }
@@ -1,3 +0,0 @@
1
- @use './base.scss' as *;
2
- @use './light.scss' as *;
3
- @use './dark.scss' as *;
@@ -1,114 +0,0 @@
1
- [data-vxe-ui-theme='light'] {
2
- /*font color*/
3
- --vxe-ui-font-color: #606266;
4
- --vxe-ui-font-tinge-color: #d4d5d7;
5
- --vxe-ui-font-lighten-color: #797b80;
6
- --vxe-ui-font-darken-color: #47494c;
7
- --vxe-ui-font-disabled-color: #BFBFBF;
8
-
9
- /*font status color*/
10
- --vxe-ui-font-primary-color: #409eff;
11
- --vxe-ui-font-primary-hover-color: #f5f7fa;
12
- --vxe-ui-font-primary-tinge-color: #e8f3ff;
13
- --vxe-ui-font-primary-lighten-color: #73b8ff;
14
- --vxe-ui-font-primary-darken-color: #0d84ff;
15
- --vxe-ui-font-primary-disabled-color: #a6d2ff;
16
-
17
- --vxe-ui-status-success-color: #67c23a;
18
- --vxe-ui-status-info-color: #909399;
19
- --vxe-ui-status-warning-color: #e6a23c;
20
- --vxe-ui-status-danger-color: #f56c6c;
21
- --vxe-ui-status-error-color: #f56c6c;
22
-
23
- --vxe-ui-status-success-tinge-color: #eef8e9;
24
- --vxe-ui-status-info-tinge-color: #f5f5f6;
25
- --vxe-ui-status-warning-tinge-color: #fcf4e8;
26
- --vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);
27
- --vxe-ui-status-error-tinge-color: #fef2f2;
28
-
29
- --vxe-ui-status-success-lighten-color: #85cf60;
30
- --vxe-ui-status-info-lighten-color: #abadb1;
31
- --vxe-ui-status-warning-lighten-color: #ecb869;
32
- --vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);
33
- --vxe-ui-status-error-lighten-color: #f89c9c;
34
-
35
- --vxe-ui-status-success-darken-color: #529b2e;
36
- --vxe-ui-status-info-darken-color: #767980;
37
- --vxe-ui-status-warning-darken-color: #d48a1b;
38
- --vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);
39
- --vxe-ui-status-error-darken-color: #f56c6c;
40
-
41
- --vxe-ui-status-success-disabled-color: #a3db87;
42
- --vxe-ui-status-info-disabled-color: #c5c7ca;
43
- --vxe-ui-status-warning-disabled-color: #f2cd96;
44
- --vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);
45
- --vxe-ui-status-error-disabled-color: #f5a8a8;
46
-
47
- /*base*/
48
- --vxe-ui-base-popup-border-color: #DADCE0;
49
- --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
50
- --vxe-ui-base-drag-background-color: #dde9fd;
51
- --vxe-ui-base-active-background-color: #e6f4ff;
52
- --vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.04);
53
-
54
- /*layout*/
55
- --vxe-ui-layout-background-color: #ffffff;
56
-
57
- /*input*/
58
- --vxe-ui-input-border-color: #dcdfe6;
59
- --vxe-ui-input-placeholder-color: #C0C4CC;
60
- --vxe-ui-input-disabled-background-color: #f3f3f3;
61
-
62
- /*number-input*/
63
- --vxe-ui-number-input-control-button-color: #f5f7fa;
64
-
65
- /*modal*/
66
- --vxe-ui-modal-header-background-color: #F8F8F8;
67
-
68
- /*tabs*/
69
- --vxe-ui-tabs-card-header-background-color: #f5f7fa;
70
- --vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, 0.1);
71
- --vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
72
-
73
- /*menu*/
74
- --vxe-ui-menu-item-hover-color: #409eff;
75
- --vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);
76
-
77
- /*loading*/
78
- --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
79
-
80
- /*form*/
81
- --vxe-ui-form-title-background-color: #f8f8f9;
82
- --vxe-ui-form-border-color: #e8eaec;
83
-
84
- /*form-design*/
85
- --vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);
86
- --vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, 0.05);
87
-
88
- /*list-design*/
89
- --vxe-ui-list-design-table-border-color: #e8eaec;
90
- --vxe-ui-list-design-table-header-background-color: #f8f8f9;
91
-
92
- /*switch*/
93
- --vxe-ui-switch-close-background-color: rgba(0,0,0,0.35);
94
-
95
- /*upload*/
96
- --vxe-ui-upload-drag-over-background-color:rgba(255,255,200,0.8);
97
-
98
- /*tree*/
99
- --vxe-ui-tree-node-hover-background-color: #f5f7fa;
100
- --vxe-ui-tree-node-radio-checked-background-color: #fff3e0;
101
- --vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc;
102
- --vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0;
103
- --vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc;
104
- --vxe-ui-tree-node-current-background-color: #e6f7ff;
105
- --vxe-ui-tree-node-hover-current-background-color: #d7effb;
106
-
107
- /*rate*/
108
- --vxe-ui-rate-item-color: #f7ba2a;
109
-
110
- /*split*/
111
- --vxe-ui-splitter-handle-button-background-color: #8b8b8b;
112
- --vxe-ui-splitter-handle-bar-background-color: #e2e2e3;
113
- --vxe-ui-splitter-handle-bar-hover-background-color: #d8d8d8;
114
- }