@maxax/ui 1.1.53 → 1.1.54
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/dist/theme-chalk/base/col.scss +55 -0
- package/dist/theme-chalk/base/config.scss +5 -0
- package/dist/theme-chalk/base/function.scss +53 -0
- package/dist/theme-chalk/base/transition.scss +29 -0
- package/dist/theme-chalk/base/utils.scss +179 -0
- package/dist/theme-chalk/base/var-dark.scss +33 -0
- package/dist/theme-chalk/base/var-light.scss +33 -0
- package/dist/theme-chalk/base/var.scss +139 -0
- package/dist/theme-chalk/color/index.scss +16 -0
- package/dist/theme-chalk/components/appCommon.scss +52 -0
- package/dist/theme-chalk/components/basicActionFooter.scss +24 -0
- package/dist/theme-chalk/components/basicArrow.scss +11 -0
- package/dist/theme-chalk/components/basicButton.scss +8 -0
- package/dist/theme-chalk/components/basicButtonExportMax.scss +27 -0
- package/dist/theme-chalk/components/basicButtonGroup.scss +19 -0
- package/dist/theme-chalk/components/basicButtonImportMax.scss +118 -0
- package/dist/theme-chalk/components/basicCard.scss +8 -0
- package/dist/theme-chalk/components/basicCascader.scss +8 -0
- package/dist/theme-chalk/components/basicCheckbox.scss +197 -0
- package/dist/theme-chalk/components/basicCheckboxGroup.scss +22 -0
- package/dist/theme-chalk/components/basicCol.scss +18 -0
- package/dist/theme-chalk/components/basicCountTo.scss +8 -0
- package/dist/theme-chalk/components/basicDatePicker.scss +8 -0
- package/dist/theme-chalk/components/basicDragVerify.scss +75 -0
- package/dist/theme-chalk/components/basicDrawer.scss +12 -0
- package/dist/theme-chalk/components/basicDrawerFooter.scss +13 -0
- package/dist/theme-chalk/components/basicEditBatch.scss +62 -0
- package/dist/theme-chalk/components/basicFontIcon.scss +8 -0
- package/dist/theme-chalk/components/basicForm.scss +61 -0
- package/dist/theme-chalk/components/basicGradientTitle.scss +49 -0
- package/dist/theme-chalk/components/basicHelp.scss +16 -0
- package/dist/theme-chalk/components/basicHidden.scss +8 -0
- package/dist/theme-chalk/components/basicIconOnline.scss +8 -0
- package/dist/theme-chalk/components/basicIconPicker.scss +60 -0
- package/dist/theme-chalk/components/basicJsonViewer.scss +255 -0
- package/dist/theme-chalk/components/basicListPage.scss +42 -0
- package/dist/theme-chalk/components/basicLoading.scss +106 -0
- package/dist/theme-chalk/components/basicMasterTrigger.scss +13 -0
- package/dist/theme-chalk/components/basicMessage.scss +8 -0
- package/dist/theme-chalk/components/basicMessageBox.scss +183 -0
- package/dist/theme-chalk/components/basicModal.scss +16 -0
- package/dist/theme-chalk/components/basicMonaco.scss +8 -0
- package/dist/theme-chalk/components/basicNotification.scss +103 -0
- package/dist/theme-chalk/components/basicOverlay.scss +21 -0
- package/dist/theme-chalk/components/basicPage.scss +60 -0
- package/dist/theme-chalk/components/basicPanel.scss +36 -0
- package/dist/theme-chalk/components/basicPanelPage.scss +11 -0
- package/dist/theme-chalk/components/basicRadio.scss +66 -0
- package/dist/theme-chalk/components/basicRadioGroup.scss +14 -0
- package/dist/theme-chalk/components/basicRegion.scss +112 -0
- package/dist/theme-chalk/components/basicRegionSelect.scss +74 -0
- package/dist/theme-chalk/components/basicRow.scss +33 -0
- package/dist/theme-chalk/components/basicScrollText.scss +32 -0
- package/dist/theme-chalk/components/basicSelect.scss +8 -0
- package/dist/theme-chalk/components/basicSubPanel.scss +48 -0
- package/dist/theme-chalk/components/basicSvgIcon.scss +18 -0
- package/dist/theme-chalk/components/basicTable.scss +101 -0
- package/dist/theme-chalk/components/basicTag.scss +24 -0
- package/dist/theme-chalk/components/basicText.scss +45 -0
- package/dist/theme-chalk/components/basicTitle.scss +42 -0
- package/dist/theme-chalk/components/basicTree.scss +16 -0
- package/dist/theme-chalk/components/basicTriggerButton.scss +8 -0
- package/dist/theme-chalk/components/basicUpload.scss +65 -0
- package/dist/theme-chalk/components/basicUploadCore.scss +8 -0
- package/dist/theme-chalk/components/basicUploadDragger.scss +38 -0
- package/dist/theme-chalk/components/basicUploadList.scss +19 -0
- package/dist/theme-chalk/components/basicUploadListItem.scss +240 -0
- package/dist/theme-chalk/components/basicViewBar.scss +88 -0
- package/dist/theme-chalk/components/common.scss +63 -0
- package/dist/theme-chalk/components/components.scss +56 -0
- package/dist/theme-chalk/components/tree.scss +115 -0
- package/dist/theme-chalk/components/treeDrop.scss +138 -0
- package/dist/theme-chalk/components/treeNode.scss +209 -0
- package/dist/theme-chalk/components/treeSearch.scss +128 -0
- package/dist/theme-chalk/index.scss +2 -0
- package/dist/theme-chalk/theme/dark.scss +14 -0
- package/dist/theme-chalk/theme/light.scss +26 -0
- package/dist/theme-chalk/vxe-table/table/base.scss +87 -0
- package/dist/theme-chalk/vxe-table/table/dark.scss +48 -0
- package/dist/theme-chalk/vxe-table/table/index.scss +3 -0
- package/dist/theme-chalk/vxe-table/table/light.scss +42 -0
- package/dist/theme-chalk/vxe-table/ui/base.scss +200 -0
- package/dist/theme-chalk/vxe-table/ui/dark.scss +117 -0
- package/dist/theme-chalk/vxe-table/ui/index.scss +3 -0
- package/dist/theme-chalk/vxe-table/ui/light.scss +114 -0
- package/dist/theme-chalk/vxe-table/vxe-table.scss +7 -0
- package/package.json +3 -3
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
@use '../base/config' as *;
|
|
2
|
+
@use '../base/var' as *;
|
|
3
|
+
@use '../base/var-dark' as *;
|
|
4
|
+
@use '../base/utils' as *;
|
|
5
|
+
|
|
6
|
+
html.dark {
|
|
7
|
+
color-scheme: dark;
|
|
8
|
+
|
|
9
|
+
@include set-component-css-var('box-shadow', $box-shadow);
|
|
10
|
+
@include set-component-css-var('border-color', $border-color);
|
|
11
|
+
@include set-component-css-var('fill-color', $fill-color);
|
|
12
|
+
@include set-component-css-var('text-color', $text-color);
|
|
13
|
+
@include set-component-css-var('disabled', $disabled);
|
|
14
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
@use '../base/config' as *;
|
|
2
|
+
@use '../base/var' as *;
|
|
3
|
+
@use '../base/var-light' as *;
|
|
4
|
+
@use '../base/utils' as *;
|
|
5
|
+
@use '../components/components.scss' as *;
|
|
6
|
+
@use '../vxe-table/vxe-table.scss' as *;
|
|
7
|
+
|
|
8
|
+
:root {
|
|
9
|
+
@include set-css-var-value('color-white', $color-white);
|
|
10
|
+
@include set-css-var-value('color-black', $color-black);
|
|
11
|
+
|
|
12
|
+
// @each $type in $types {
|
|
13
|
+
// @include set-css-color-rgb($type);
|
|
14
|
+
// @include set-css-color-type($colors, $type);
|
|
15
|
+
// }
|
|
16
|
+
|
|
17
|
+
@include set-component-css-var('font-size', $font-size);
|
|
18
|
+
@include set-component-css-var('font-family', $font-family);
|
|
19
|
+
@include set-component-css-var('border-radius', $border-radius);
|
|
20
|
+
|
|
21
|
+
@include set-component-css-var('box-shadow', $box-shadow);
|
|
22
|
+
@include set-component-css-var('border-color', $border-color);
|
|
23
|
+
@include set-component-css-var('fill-color', $fill-color);
|
|
24
|
+
@include set-component-css-var('text-color', $text-color);
|
|
25
|
+
@include set-component-css-var('disabled', $disabled);
|
|
26
|
+
}
|
|
@@ -0,0 +1,87 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,200 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,117 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,114 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
@use '../../../node_modules/vxe-table/styles/variable.scss' as vxe_table_variable;
|
|
2
|
+
@use '../../../node_modules/vxe-pc-ui/styles/variable.scss' as vxe_pc_ui_variable;
|
|
3
|
+
@use '../../../node_modules/vxe-table/styles/all.scss' as vxe_table_all;
|
|
4
|
+
@use '../../../node_modules/vxe-pc-ui/styles/all.scss' as vxe_pc_ui_all;
|
|
5
|
+
|
|
6
|
+
@use './ui/index.scss' as *;
|
|
7
|
+
@use './table/index.scss' as *;
|