bkui-vue 0.0.1-beta.360 → 0.0.1-beta.361

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.
Files changed (125) hide show
  1. package/dist/index.cjs.js +32 -32
  2. package/dist/index.esm.js +81 -19
  3. package/dist/index.umd.js +32 -32
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +0 -357
  7. package/lib/affix/affix.variable.css +2 -715
  8. package/lib/alert/alert.css +3 -360
  9. package/lib/alert/alert.variable.css +2 -715
  10. package/lib/backtop/backtop.css +3 -360
  11. package/lib/backtop/backtop.variable.css +2 -715
  12. package/lib/badge/badge.css +26 -383
  13. package/lib/badge/badge.variable.css +2 -715
  14. package/lib/breadcrumb/breadcrumb.css +5 -362
  15. package/lib/breadcrumb/breadcrumb.variable.css +2 -715
  16. package/lib/button/button.css +115 -472
  17. package/lib/button/button.variable.css +2 -715
  18. package/lib/card/card.css +4 -361
  19. package/lib/card/card.variable.css +2 -715
  20. package/lib/cascader/cascader.css +11 -368
  21. package/lib/cascader/cascader.variable.css +2 -715
  22. package/lib/checkbox/checkbox.css +7 -364
  23. package/lib/checkbox/checkbox.variable.css +2 -715
  24. package/lib/code-diff/code-diff.css +0 -357
  25. package/lib/code-diff/code-diff.variable.css +2 -715
  26. package/lib/collapse/collapse.css +1 -358
  27. package/lib/collapse/collapse.variable.css +2 -715
  28. package/lib/color-picker/color-picker.css +0 -357
  29. package/lib/color-picker/color-picker.variable.css +2 -715
  30. package/lib/container/container.css +0 -357
  31. package/lib/container/container.variable.css +2 -715
  32. package/lib/date-picker/date-picker.css +17 -374
  33. package/lib/date-picker/date-picker.variable.css +2 -715
  34. package/lib/divider/divider.css +3 -360
  35. package/lib/divider/divider.variable.css +2 -715
  36. package/lib/dropdown/dropdown.css +0 -357
  37. package/lib/dropdown/dropdown.variable.css +2 -715
  38. package/lib/exception/exception.css +0 -357
  39. package/lib/exception/exception.variable.css +2 -715
  40. package/lib/fixed-navbar/fixed-navbar.css +4 -361
  41. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -715
  42. package/lib/form/form.css +0 -357
  43. package/lib/form/form.variable.css +2 -715
  44. package/lib/input/input.css +59 -417
  45. package/lib/input/input.variable.css +2 -715
  46. package/lib/link/link.css +16 -373
  47. package/lib/link/link.variable.css +2 -715
  48. package/lib/loading/loading.css +16 -373
  49. package/lib/loading/loading.variable.css +2 -715
  50. package/lib/menu/menu.css +18 -375
  51. package/lib/menu/menu.variable.css +2 -715
  52. package/lib/menu/submenu.css +0 -357
  53. package/lib/menu/submenu.variable.css +2 -715
  54. package/lib/message/message.css +21 -378
  55. package/lib/message/message.variable.css +2 -715
  56. package/lib/navigation/navigation.css +2 -359
  57. package/lib/navigation/navigation.variable.css +2 -715
  58. package/lib/notify/notify.css +7 -364
  59. package/lib/notify/notify.variable.css +2 -715
  60. package/lib/pagination/pagination.css +1 -358
  61. package/lib/pagination/pagination.variable.css +2 -715
  62. package/lib/popover/popover.css +0 -357
  63. package/lib/popover/popover.variable.css +2 -715
  64. package/lib/process/process.css +13 -370
  65. package/lib/process/process.variable.css +2 -715
  66. package/lib/progress/progress.css +4 -361
  67. package/lib/progress/progress.variable.css +2 -715
  68. package/lib/radio/radio.css +30 -387
  69. package/lib/radio/radio.variable.css +2 -715
  70. package/lib/resize-layout/resize-layout.css +0 -357
  71. package/lib/resize-layout/resize-layout.variable.css +2 -715
  72. package/lib/search-select/index.d.ts +30 -1
  73. package/lib/search-select/index.js +1 -1
  74. package/lib/search-select/input.d.ts +3 -1
  75. package/lib/search-select/search-select.css +37 -394
  76. package/lib/search-select/search-select.d.ts +19 -1
  77. package/lib/search-select/search-select.less +5 -5
  78. package/lib/search-select/search-select.variable.css +7 -720
  79. package/lib/search-select/selected.d.ts +5 -1
  80. package/lib/search-select/utils.d.ts +4 -0
  81. package/lib/select/select.css +24 -381
  82. package/lib/select/select.variable.css +2 -715
  83. package/lib/sideslider/sideslider.css +1 -358
  84. package/lib/sideslider/sideslider.variable.css +2 -715
  85. package/lib/slider/slider.css +4 -361
  86. package/lib/slider/slider.variable.css +2 -715
  87. package/lib/steps/steps.css +36 -393
  88. package/lib/steps/steps.variable.css +2 -715
  89. package/lib/styles/mixins/scroll.css +0 -357
  90. package/lib/styles/mixins/scroll.variable.css +2 -715
  91. package/lib/styles/themes/themes.less +118 -614
  92. package/lib/switcher/switcher.css +17 -374
  93. package/lib/switcher/switcher.variable.css +2 -715
  94. package/lib/tab/tab.css +21 -378
  95. package/lib/tab/tab.variable.css +2 -715
  96. package/lib/table/index.js +1 -1
  97. package/lib/table/plugins/head-filter.css +2 -359
  98. package/lib/table/plugins/head-filter.variable.css +2 -715
  99. package/lib/table/plugins/head-sort.css +0 -357
  100. package/lib/table/plugins/head-sort.variable.css +2 -715
  101. package/lib/table/plugins/settings.css +0 -357
  102. package/lib/table/plugins/settings.variable.css +2 -715
  103. package/lib/table/table.css +147 -504
  104. package/lib/table/table.variable.css +149 -1219
  105. package/lib/table/utils.d.ts +1 -0
  106. package/lib/table-column/index.js +1 -1
  107. package/lib/tag/tag.css +5 -362
  108. package/lib/tag/tag.variable.css +2 -715
  109. package/lib/tag-input/tag-input.css +18 -375
  110. package/lib/tag-input/tag-input.variable.css +2 -715
  111. package/lib/time-picker/time-picker.css +0 -357
  112. package/lib/time-picker/time-picker.variable.css +2 -715
  113. package/lib/timeline/timeline.css +19 -376
  114. package/lib/timeline/timeline.variable.css +2 -715
  115. package/lib/transfer/transfer.css +12 -369
  116. package/lib/transfer/transfer.variable.css +2 -715
  117. package/lib/tree/tree.css +7 -364
  118. package/lib/tree/tree.variable.css +9 -1079
  119. package/lib/upload/upload.css +27 -384
  120. package/lib/upload/upload.variable.css +2 -715
  121. package/lib/virtual-render/virtual-render.css +0 -357
  122. package/lib/virtual-render/virtual-render.variable.css +2 -1072
  123. package/package.json +1 -1
  124. package/lib/styles/themes/themes.css +0 -357
  125. package/lib/styles/themes/themes.variable.css +0 -357
package/lib/tree/tree.variable.css CHANGED
@@ -1,1074 +1,3 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: var(--popover-max-height);
4
- --primary-color: var(--primary-color);
5
- --success-color: var(--success-color);
6
- --warning-color: var(--warning-color);
7
- --danger-color: var(--danger-color);
8
- --default-color: var(--default-color);
9
- --gray-color: var(--gray-color);
10
- --light-gray: var(--light-gray);
11
- --white-color: var(--white-color);
12
- --whitesmoke-color: var(--whitesmoke-color);
13
- --disable-color: var(--disable-color);
14
- --font-size-base: var(--font-size-base);
15
- --font-size-medium: var(--font-size-medium);
16
- --font-size-large: var(--font-size-large);
17
- --line-height-base: var(--line-height-base);
18
- --line-height-medium: var(--line-height-medium);
19
- --line-height-large: var(--line-height-large);
20
- --component-size-small: var(--component-size-small);
21
- --component-size-base: var(--component-size-base);
22
- --component-size-large: var(--component-size-large);
23
- --border-width-base: var(--border-width-base);
24
- --border-style-base: var(--border-style-base);
25
- --border-radius-base: var(--border-radius-base);
26
- --border-style-color: var(--border-style-color);
27
- --input-disabled-bg: var(--input-disabled-bg);
28
- --input-disabled-border: var(--input-disabled-border);
29
- --input-height-base: var(--input-height-base);
30
- --input-color: var(--input-color);
31
- --input-bg: var(--input-bg);
32
- --input-border-color: var(--input-border-color);
33
- --input-broder-radius: var(--input-broder-radius);
34
- --input-shadow-color: var(--input-shadow-color);
35
- --input-horizontal-padding: var(--input-horizontal-padding);
36
- --input-block-color: var(--input-block-color);
37
- --input-block-hover-color: var(--input-block-hover-color);
38
- --input-icon-size: var(--input-icon-size);
39
- --input-maxlength-color: var(--input-maxlength-color);
40
- --button-primary-hover-color: var(--button-primary-hover-color);
41
- --button-danger-hover-color: var(--button-danger-hover-color);
42
- --button-success-hover-color: var(--button-success-hover-color);
43
- --button-warning-hover-color: var(--button-warning-hover-color);
44
- --button-default-hover-border-color: var(--button-default-hover-border-color);
45
- --button-primary-active-color: var(--button-primary-active-color);
46
- --button-danger-active-color: var(--button-danger-active-color);
47
- --button-success-active-color: var(--button-success-active-color);
48
- --button-warning-active-color: var(--button-warning-active-color);
49
- --button-selected-bg-color: var(--button-selected-bg-color);
50
- --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
51
- --radio-font-color: var(--radio-font-color);
52
- --radio-active-color: var(--radio-active-color);
53
- --radio-hover-border-color: var(--radio-hover-border-color);
54
- --radio-disabled-border: var(--radio-disabled-border);
55
- --radio-disabled-font-color: var(--radio-disabled-font-color);
56
- --radio-distable-checked-bg: var(--radio-distable-checked-bg);
57
- --radio-button-checked-bg: var(--radio-button-checked-bg);
58
- --fixed-navbar-background: var(--fixed-navbar-background);
59
- --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
60
- --switch-default-color: var(--switch-default-color);
61
- --switch-grey-color: var(--switch-grey-color);
62
- --breadcrumb-black-color: var(--breadcrumb-black-color);
63
- --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
64
- --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
65
- --link-default-hover-color: var(--link-default-hover-color);
66
- --link-primary-hover-color: var(--link-primary-hover-color);
67
- --link-success-hover-color: var(--link-success-hover-color);
68
- --link-warning-hover-color: var(--link-warning-hover-color);
69
- --link-danger-hover-color: var(--link-danger-hover-color);
70
- --link-default-disabled-color: var(--link-default-disabled-color);
71
- --link-primary-disabled-color: var(--link-primary-disabled-color);
72
- --link-success-disabled-color: var(--link-success-disabled-color);
73
- --link-warning-disabled-color: var(--link-warning-disabled-color);
74
- --link-danger-disabled-color: var(--link-danger-disabled-color);
75
- --message-color: var(--message-color);
76
- --message-primary-bg-color: var(--message-primary-bg-color);
77
- --message-primary-border-color: var(--message-primary-border-color);
78
- --message-primary-shadow-color: var(--message-primary-shadow-color);
79
- --message-warning-bg-color: var(--message-warning-bg-color);
80
- --message-warning-border-color: var(--message-warning-border-color);
81
- --message-warning-shadow-color: var(--message-warning-shadow-color);
82
- --message-success-bg-color: var(--message-success-bg-color);
83
- --message-success-border-color: var(--message-success-border-color);
84
- --message-success-shadow-color: var(--message-success-shadow-color);
85
- --message-danger-bg-color: var(--message-danger-bg-color);
86
- --message-danger-border-color: var(--message-danger-border-color);
87
- --message-danger-shadow-color: var(--message-danger-shadow-color);
88
- --slider-default-bg: var(--slider-default-bg);
89
- --slider-disable-bar-bg: var(--slider-disable-bar-bg);
90
- --menu-bg-color: var(--menu-bg-color);
91
- --submenu-bg-color: var(--submenu-bg-color);
92
- --menu-active-bg-color: var(--menu-active-bg-color);
93
- --menu-color: var(--menu-color);
94
- --menu-group-color: var(--menu-group-color);
95
- --menu-width: var(--menu-width);
96
- --menu-collapse-width: var(--menu-collapse-width);
97
- --menu-active-color: var(--menu-active-color);
98
- --nav-header-bg-color: var(--nav-header-bg-color);
99
- --nav-bg-color: var(--nav-bg-color);
100
- --date-picker-disabled-bg: var(--date-picker-disabled-bg);
101
- --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
102
- --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
103
- --table-bg-color: var(--table-bg-color);
104
- --table-border-color: var(--table-border-color);
105
- --table-head-bg-color: var(--table-head-bg-color);
106
- --table-head-font-color: var(--table-head-font-color);
107
- --table-body-font-color: var(--table-body-font-color);
108
- --table-row-hover-bg-color: var(--table-row-hover-bg-color);
109
- --table-row-active-bg-color: var(--table-row-active-bg-color);
110
- --cascader-panel-border-color: var(--cascader-panel-border-color);
111
- --cascader-panel-hover: var(--cascader-panel-hover);
112
- --cascader-panel-active: var(--cascader-panel-active);
113
- --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
114
- --search-select-focus-border-color: var(--search-select-focus-border-color);
115
- --search-select-focus-color: var(--search-select-focus-color);
116
- --search-select-font-color: var(--search-select-font-color);
117
- --search-select-placeholder-color: var(--search-select-placeholder-color);
118
- --search-select-message-color: var(--search-select-message-color);
119
- }
120
- :root :root {
121
- --bk-prefix: bk;
122
- --popover-max-height: var(--popover-max-height);
123
- --primary-color: var(--primary-color);
124
- --success-color: var(--success-color);
125
- --warning-color: var(--warning-color);
126
- --danger-color: var(--danger-color);
127
- --default-color: var(--default-color);
128
- --gray-color: var(--gray-color);
129
- --light-gray: var(--light-gray);
130
- --white-color: var(--white-color);
131
- --whitesmoke-color: var(--whitesmoke-color);
132
- --disable-color: var(--disable-color);
133
- --font-size-base: var(--font-size-base);
134
- --font-size-medium: var(--font-size-medium);
135
- --font-size-large: var(--font-size-large);
136
- --line-height-base: var(--line-height-base);
137
- --line-height-medium: var(--line-height-medium);
138
- --line-height-large: var(--line-height-large);
139
- --component-size-small: var(--component-size-small);
140
- --component-size-base: var(--component-size-base);
141
- --component-size-large: var(--component-size-large);
142
- --border-width-base: var(--border-width-base);
143
- --border-style-base: var(--border-style-base);
144
- --border-radius-base: var(--border-radius-base);
145
- --border-style-color: var(--border-style-color);
146
- --input-disabled-bg: var(--input-disabled-bg);
147
- --input-disabled-border: var(--input-disabled-border);
148
- --input-height-base: var(--input-height-base);
149
- --input-color: var(--input-color);
150
- --input-bg: var(--input-bg);
151
- --input-border-color: var(--input-border-color);
152
- --input-broder-radius: var(--input-broder-radius);
153
- --input-shadow-color: var(--input-shadow-color);
154
- --input-horizontal-padding: var(--input-horizontal-padding);
155
- --input-block-color: var(--input-block-color);
156
- --input-block-hover-color: var(--input-block-hover-color);
157
- --input-icon-size: var(--input-icon-size);
158
- --input-maxlength-color: var(--input-maxlength-color);
159
- --button-primary-hover-color: var(--button-primary-hover-color);
160
- --button-danger-hover-color: var(--button-danger-hover-color);
161
- --button-success-hover-color: var(--button-success-hover-color);
162
- --button-warning-hover-color: var(--button-warning-hover-color);
163
- --button-default-hover-border-color: var(--button-default-hover-border-color);
164
- --button-primary-active-color: var(--button-primary-active-color);
165
- --button-danger-active-color: var(--button-danger-active-color);
166
- --button-success-active-color: var(--button-success-active-color);
167
- --button-warning-active-color: var(--button-warning-active-color);
168
- --button-selected-bg-color: var(--button-selected-bg-color);
169
- --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
170
- --radio-font-color: var(--radio-font-color);
171
- --radio-active-color: var(--radio-active-color);
172
- --radio-hover-border-color: var(--radio-hover-border-color);
173
- --radio-disabled-border: var(--radio-disabled-border);
174
- --radio-disabled-font-color: var(--radio-disabled-font-color);
175
- --radio-distable-checked-bg: var(--radio-distable-checked-bg);
176
- --radio-button-checked-bg: var(--radio-button-checked-bg);
177
- --fixed-navbar-background: var(--fixed-navbar-background);
178
- --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
179
- --switch-default-color: var(--switch-default-color);
180
- --switch-grey-color: var(--switch-grey-color);
181
- --breadcrumb-black-color: var(--breadcrumb-black-color);
182
- --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
183
- --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
184
- --link-default-hover-color: var(--link-default-hover-color);
185
- --link-primary-hover-color: var(--link-primary-hover-color);
186
- --link-success-hover-color: var(--link-success-hover-color);
187
- --link-warning-hover-color: var(--link-warning-hover-color);
188
- --link-danger-hover-color: var(--link-danger-hover-color);
189
- --link-default-disabled-color: var(--link-default-disabled-color);
190
- --link-primary-disabled-color: var(--link-primary-disabled-color);
191
- --link-success-disabled-color: var(--link-success-disabled-color);
192
- --link-warning-disabled-color: var(--link-warning-disabled-color);
193
- --link-danger-disabled-color: var(--link-danger-disabled-color);
194
- --message-color: var(--message-color);
195
- --message-primary-bg-color: var(--message-primary-bg-color);
196
- --message-primary-border-color: var(--message-primary-border-color);
197
- --message-primary-shadow-color: var(--message-primary-shadow-color);
198
- --message-warning-bg-color: var(--message-warning-bg-color);
199
- --message-warning-border-color: var(--message-warning-border-color);
200
- --message-warning-shadow-color: var(--message-warning-shadow-color);
201
- --message-success-bg-color: var(--message-success-bg-color);
202
- --message-success-border-color: var(--message-success-border-color);
203
- --message-success-shadow-color: var(--message-success-shadow-color);
204
- --message-danger-bg-color: var(--message-danger-bg-color);
205
- --message-danger-border-color: var(--message-danger-border-color);
206
- --message-danger-shadow-color: var(--message-danger-shadow-color);
207
- --slider-default-bg: var(--slider-default-bg);
208
- --slider-disable-bar-bg: var(--slider-disable-bar-bg);
209
- --menu-bg-color: var(--menu-bg-color);
210
- --submenu-bg-color: var(--submenu-bg-color);
211
- --menu-active-bg-color: var(--menu-active-bg-color);
212
- --menu-color: var(--menu-color);
213
- --menu-group-color: var(--menu-group-color);
214
- --menu-width: var(--menu-width);
215
- --menu-collapse-width: var(--menu-collapse-width);
216
- --menu-active-color: var(--menu-active-color);
217
- --nav-header-bg-color: var(--nav-header-bg-color);
218
- --nav-bg-color: var(--nav-bg-color);
219
- --date-picker-disabled-bg: var(--date-picker-disabled-bg);
220
- --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
221
- --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
222
- --table-bg-color: var(--table-bg-color);
223
- --table-border-color: var(--table-border-color);
224
- --table-head-bg-color: var(--table-head-bg-color);
225
- --table-head-font-color: var(--table-head-font-color);
226
- --table-body-font-color: var(--table-body-font-color);
227
- --table-row-hover-bg-color: var(--table-row-hover-bg-color);
228
- --table-row-active-bg-color: var(--table-row-active-bg-color);
229
- --cascader-panel-border-color: var(--cascader-panel-border-color);
230
- --cascader-panel-hover: var(--cascader-panel-hover);
231
- --cascader-panel-active: var(--cascader-panel-active);
232
- --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
233
- --search-select-focus-border-color: var(--search-select-focus-border-color);
234
- --search-select-focus-color: var(--search-select-focus-color);
235
- --search-select-font-color: var(--search-select-font-color);
236
- --search-select-placeholder-color: var(--search-select-placeholder-color);
237
- --search-select-message-color: var(--search-select-message-color);
238
- }
239
- :root :root :root {
240
- --bk-prefix: bk;
241
- --popover-max-height: 216px;
242
- --primary-color: #3a84ff;
243
- --success-color: #2dcb56;
244
- --warning-color: #ff9c01;
245
- --danger-color: #ea3636;
246
- --default-color: #63656e;
247
- --gray-color: #979ba5;
248
- --light-gray: #c4c6cc;
249
- --white-color: white;
250
- --whitesmoke-color: #fafbfd;
251
- --disable-color: #dcdee5;
252
- --font-size-base: 12px;
253
- --font-size-medium: 14px;
254
- --font-size-large: 16px;
255
- --line-height-base: 16px;
256
- --line-height-medium: 16px;
257
- --line-height-large: 18px;
258
- --component-size-small: 26px;
259
- --component-size-base: 32px;
260
- --component-size-large: 40px;
261
- --border-width-base: 1px;
262
- --border-style-base: solid;
263
- --border-radius-base: 2px;
264
- --border-style-color: var(--light-gray);
265
- --input-disabled-bg: #fafbfd;
266
- --input-disabled-border: var(--disable-color);
267
- --input-height-base: var(--component-size-base);
268
- --input-color: var(--default-color);
269
- --input-bg: white;
270
- --input-border-color: var(--light-gray);
271
- --input-broder-radius: 3px;
272
- --input-shadow-color: #a3c5fd;
273
- --input-horizontal-padding: 10px;
274
- --input-block-color: #f5f7fa;
275
- --input-block-hover-color: #eaebf0;
276
- --input-icon-size: var(--font-size-medium);
277
- --input-maxlength-color: #979ba5;
278
- --button-primary-hover-color: #5594fa;
279
- --button-danger-hover-color: #ff5656;
280
- --button-success-hover-color: #45e35f;
281
- --button-warning-hover-color: #ffb848;
282
- --button-default-hover-border-color: #979ba5;
283
- --button-primary-active-color: #2c77f4;
284
- --button-danger-active-color: #db2626;
285
- --button-success-active-color: #1ab943;
286
- --button-warning-active-color: #eb9000;
287
- --button-selected-bg-color: #e1ecff;
288
- --button-disabled-selected-bg-color: #f0f1f5;
289
- --radio-font-color: #63656e;
290
- --radio-active-color: #5594fa;
291
- --radio-hover-border-color: #979ba5;
292
- --radio-disabled-border: #dcdee5;
293
- --radio-disabled-font-color: #c4c6cc;
294
- --radio-distable-checked-bg: #fafbfd;
295
- --radio-button-checked-bg: #e1ecff;
296
- --fixed-navbar-background: #fff;
297
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
298
- --switch-default-color: #fff;
299
- --switch-grey-color: #c4c6cc;
300
- --breadcrumb-black-color: #979ba5;
301
- --breadcrumb-primary-hover-color: #0082ff;
302
- --breadcrumb-fn-main-color: #63656e;
303
- --link-default-hover-color: #979ba5;
304
- --link-primary-hover-color: #699df4;
305
- --link-success-hover-color: #45e35f;
306
- --link-warning-hover-color: #ffb848;
307
- --link-danger-hover-color: #ff5656;
308
- --link-default-disabled-color: #dcdee5;
309
- --link-primary-disabled-color: #a3c5fd;
310
- --link-success-disabled-color: #94f5a4;
311
- --link-warning-disabled-color: #ffd695;
312
- --link-danger-disabled-color: #fd9c9c;
313
- --message-color: var(--default-color);
314
- --message-primary-bg-color: #f0f8ff;
315
- --message-primary-border-color: #e1ecff;
316
- --message-primary-shadow-color: #e1e8f4;
317
- --message-warning-bg-color: #fff4e2;
318
- --message-warning-border-color: #ffe8c3;
319
- --message-warning-shadow-color: #ede6db;
320
- --message-success-bg-color: #f2fff4;
321
- --message-success-border-color: #dcffe2;
322
- --message-success-shadow-color: #cef0d7;
323
- --message-danger-bg-color: #ffeded;
324
- --message-danger-border-color: #fdd;
325
- --message-danger-shadow-color: #f6dada;
326
- --slider-default-bg: #dcdee5;
327
- --slider-disable-bar-bg: #979ba5;
328
- --menu-bg-color: #182132;
329
- --submenu-bg-color: #151d2c;
330
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
331
- --menu-color: #96a2b9;
332
- --menu-group-color: var(--default-color);
333
- --menu-width: 260px;
334
- --menu-collapse-width: 60px;
335
- --menu-active-color: white;
336
- --nav-header-bg-color: #182132;
337
- --nav-bg-color: #182132;
338
- --date-picker-disabled-bg: #fafbfd;
339
- --date-picker-dropdown-mb: 4px;
340
- --date-picker-dropdown-bg: #fff;
341
- --table-bg-color: var(--white-color);
342
- --table-border-color: #dcdee5;
343
- --table-head-bg-color: #fafbfd;
344
- --table-head-font-color: #313238;
345
- --table-body-font-color: #575961;
346
- --table-row-hover-bg-color: #f5f7fa;
347
- --table-row-active-bg-color: #f0f1f5;
348
- --cascader-panel-border-color: #dcdee5;
349
- --cascader-panel-hover: #f5f7fa;
350
- --cascader-panel-active: #e1ecff;
351
- --cascader-panel-disabled-bg: #fff;
352
- --search-select-focus-border-color: var(--primary-color);
353
- --search-select-focus-color: #3c96ff;
354
- --search-select-font-color: var(--default-color);
355
- --search-select-placeholder-color: var(--light-gray);
356
- --search-select-message-color: var(--danger-color);
357
- }
358
- :root :root {
359
- --bk-prefix: bk;
360
- --popover-max-height: 216px;
361
- --primary-color: #3a84ff;
362
- --success-color: #2dcb56;
363
- --warning-color: #ff9c01;
364
- --danger-color: #ea3636;
365
- --default-color: #63656e;
366
- --gray-color: #979ba5;
367
- --light-gray: #c4c6cc;
368
- --white-color: white;
369
- --whitesmoke-color: #fafbfd;
370
- --disable-color: #dcdee5;
371
- --font-size-base: 12px;
372
- --font-size-medium: 14px;
373
- --font-size-large: 16px;
374
- --line-height-base: 16px;
375
- --line-height-medium: 16px;
376
- --line-height-large: 18px;
377
- --component-size-small: 26px;
378
- --component-size-base: 32px;
379
- --component-size-large: 40px;
380
- --border-width-base: 1px;
381
- --border-style-base: solid;
382
- --border-radius-base: 2px;
383
- --border-style-color: var(--light-gray);
384
- --input-disabled-bg: #fafbfd;
385
- --input-disabled-border: var(--disable-color);
386
- --input-height-base: var(--component-size-base);
387
- --input-color: var(--default-color);
388
- --input-bg: white;
389
- --input-border-color: var(--light-gray);
390
- --input-broder-radius: 3px;
391
- --input-shadow-color: #a3c5fd;
392
- --input-horizontal-padding: 10px;
393
- --input-block-color: #f5f7fa;
394
- --input-block-hover-color: #eaebf0;
395
- --input-icon-size: var(--font-size-medium);
396
- --input-maxlength-color: #979ba5;
397
- --button-primary-hover-color: #5594fa;
398
- --button-danger-hover-color: #ff5656;
399
- --button-success-hover-color: #45e35f;
400
- --button-warning-hover-color: #ffb848;
401
- --button-default-hover-border-color: #979ba5;
402
- --button-primary-active-color: #2c77f4;
403
- --button-danger-active-color: #db2626;
404
- --button-success-active-color: #1ab943;
405
- --button-warning-active-color: #eb9000;
406
- --button-selected-bg-color: #e1ecff;
407
- --button-disabled-selected-bg-color: #f0f1f5;
408
- --radio-font-color: #63656e;
409
- --radio-active-color: #5594fa;
410
- --radio-hover-border-color: #979ba5;
411
- --radio-disabled-border: #dcdee5;
412
- --radio-disabled-font-color: #c4c6cc;
413
- --radio-distable-checked-bg: #fafbfd;
414
- --radio-button-checked-bg: #e1ecff;
415
- --fixed-navbar-background: #fff;
416
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
417
- --switch-default-color: #fff;
418
- --switch-grey-color: #c4c6cc;
419
- --breadcrumb-black-color: #979ba5;
420
- --breadcrumb-primary-hover-color: #0082ff;
421
- --breadcrumb-fn-main-color: #63656e;
422
- --link-default-hover-color: #979ba5;
423
- --link-primary-hover-color: #699df4;
424
- --link-success-hover-color: #45e35f;
425
- --link-warning-hover-color: #ffb848;
426
- --link-danger-hover-color: #ff5656;
427
- --link-default-disabled-color: #dcdee5;
428
- --link-primary-disabled-color: #a3c5fd;
429
- --link-success-disabled-color: #94f5a4;
430
- --link-warning-disabled-color: #ffd695;
431
- --link-danger-disabled-color: #fd9c9c;
432
- --message-color: var(--default-color);
433
- --message-primary-bg-color: #f0f8ff;
434
- --message-primary-border-color: #e1ecff;
435
- --message-primary-shadow-color: #e1e8f4;
436
- --message-warning-bg-color: #fff4e2;
437
- --message-warning-border-color: #ffe8c3;
438
- --message-warning-shadow-color: #ede6db;
439
- --message-success-bg-color: #f2fff4;
440
- --message-success-border-color: #dcffe2;
441
- --message-success-shadow-color: #cef0d7;
442
- --message-danger-bg-color: #ffeded;
443
- --message-danger-border-color: #fdd;
444
- --message-danger-shadow-color: #f6dada;
445
- --slider-default-bg: #dcdee5;
446
- --slider-disable-bar-bg: #979ba5;
447
- --menu-bg-color: #182132;
448
- --submenu-bg-color: #151d2c;
449
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
450
- --menu-color: #96a2b9;
451
- --menu-group-color: var(--default-color);
452
- --menu-width: 260px;
453
- --menu-collapse-width: 60px;
454
- --menu-active-color: white;
455
- --nav-header-bg-color: #182132;
456
- --nav-bg-color: #182132;
457
- --date-picker-disabled-bg: #fafbfd;
458
- --date-picker-dropdown-mb: 4px;
459
- --date-picker-dropdown-bg: #fff;
460
- --table-bg-color: var(--white-color);
461
- --table-border-color: #dcdee5;
462
- --table-head-bg-color: #fafbfd;
463
- --table-head-font-color: #313238;
464
- --table-body-font-color: #575961;
465
- --table-row-hover-bg-color: #f5f7fa;
466
- --table-row-active-bg-color: #f0f1f5;
467
- --cascader-panel-border-color: #dcdee5;
468
- --cascader-panel-hover: #f5f7fa;
469
- --cascader-panel-active: #e1ecff;
470
- --cascader-panel-disabled-bg: #fff;
471
- --search-select-focus-border-color: var(--primary-color);
472
- --search-select-focus-color: #3c96ff;
473
- --search-select-font-color: var(--default-color);
474
- --search-select-placeholder-color: var(--light-gray);
475
- --search-select-message-color: var(--danger-color);
476
- }
477
- :root {
478
- --bk-prefix: bk;
479
- --popover-max-height: var(--popover-max-height);
480
- --primary-color: var(--primary-color);
481
- --success-color: var(--success-color);
482
- --warning-color: var(--warning-color);
483
- --danger-color: var(--danger-color);
484
- --default-color: var(--default-color);
485
- --gray-color: var(--gray-color);
486
- --light-gray: var(--light-gray);
487
- --white-color: var(--white-color);
488
- --whitesmoke-color: var(--whitesmoke-color);
489
- --disable-color: var(--disable-color);
490
- --font-size-base: var(--font-size-base);
491
- --font-size-medium: var(--font-size-medium);
492
- --font-size-large: var(--font-size-large);
493
- --line-height-base: var(--line-height-base);
494
- --line-height-medium: var(--line-height-medium);
495
- --line-height-large: var(--line-height-large);
496
- --component-size-small: var(--component-size-small);
497
- --component-size-base: var(--component-size-base);
498
- --component-size-large: var(--component-size-large);
499
- --border-width-base: var(--border-width-base);
500
- --border-style-base: var(--border-style-base);
501
- --border-radius-base: var(--border-radius-base);
502
- --border-style-color: var(--border-style-color);
503
- --input-disabled-bg: var(--input-disabled-bg);
504
- --input-disabled-border: var(--input-disabled-border);
505
- --input-height-base: var(--input-height-base);
506
- --input-color: var(--input-color);
507
- --input-bg: var(--input-bg);
508
- --input-border-color: var(--input-border-color);
509
- --input-broder-radius: var(--input-broder-radius);
510
- --input-shadow-color: var(--input-shadow-color);
511
- --input-horizontal-padding: var(--input-horizontal-padding);
512
- --input-block-color: var(--input-block-color);
513
- --input-block-hover-color: var(--input-block-hover-color);
514
- --input-icon-size: var(--input-icon-size);
515
- --input-maxlength-color: var(--input-maxlength-color);
516
- --button-primary-hover-color: var(--button-primary-hover-color);
517
- --button-danger-hover-color: var(--button-danger-hover-color);
518
- --button-success-hover-color: var(--button-success-hover-color);
519
- --button-warning-hover-color: var(--button-warning-hover-color);
520
- --button-default-hover-border-color: var(--button-default-hover-border-color);
521
- --button-primary-active-color: var(--button-primary-active-color);
522
- --button-danger-active-color: var(--button-danger-active-color);
523
- --button-success-active-color: var(--button-success-active-color);
524
- --button-warning-active-color: var(--button-warning-active-color);
525
- --button-selected-bg-color: var(--button-selected-bg-color);
526
- --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
527
- --radio-font-color: var(--radio-font-color);
528
- --radio-active-color: var(--radio-active-color);
529
- --radio-hover-border-color: var(--radio-hover-border-color);
530
- --radio-disabled-border: var(--radio-disabled-border);
531
- --radio-disabled-font-color: var(--radio-disabled-font-color);
532
- --radio-distable-checked-bg: var(--radio-distable-checked-bg);
533
- --radio-button-checked-bg: var(--radio-button-checked-bg);
534
- --fixed-navbar-background: var(--fixed-navbar-background);
535
- --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
536
- --switch-default-color: var(--switch-default-color);
537
- --switch-grey-color: var(--switch-grey-color);
538
- --breadcrumb-black-color: var(--breadcrumb-black-color);
539
- --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
540
- --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
541
- --link-default-hover-color: var(--link-default-hover-color);
542
- --link-primary-hover-color: var(--link-primary-hover-color);
543
- --link-success-hover-color: var(--link-success-hover-color);
544
- --link-warning-hover-color: var(--link-warning-hover-color);
545
- --link-danger-hover-color: var(--link-danger-hover-color);
546
- --link-default-disabled-color: var(--link-default-disabled-color);
547
- --link-primary-disabled-color: var(--link-primary-disabled-color);
548
- --link-success-disabled-color: var(--link-success-disabled-color);
549
- --link-warning-disabled-color: var(--link-warning-disabled-color);
550
- --link-danger-disabled-color: var(--link-danger-disabled-color);
551
- --message-color: var(--message-color);
552
- --message-primary-bg-color: var(--message-primary-bg-color);
553
- --message-primary-border-color: var(--message-primary-border-color);
554
- --message-primary-shadow-color: var(--message-primary-shadow-color);
555
- --message-warning-bg-color: var(--message-warning-bg-color);
556
- --message-warning-border-color: var(--message-warning-border-color);
557
- --message-warning-shadow-color: var(--message-warning-shadow-color);
558
- --message-success-bg-color: var(--message-success-bg-color);
559
- --message-success-border-color: var(--message-success-border-color);
560
- --message-success-shadow-color: var(--message-success-shadow-color);
561
- --message-danger-bg-color: var(--message-danger-bg-color);
562
- --message-danger-border-color: var(--message-danger-border-color);
563
- --message-danger-shadow-color: var(--message-danger-shadow-color);
564
- --slider-default-bg: var(--slider-default-bg);
565
- --slider-disable-bar-bg: var(--slider-disable-bar-bg);
566
- --menu-bg-color: var(--menu-bg-color);
567
- --submenu-bg-color: var(--submenu-bg-color);
568
- --menu-active-bg-color: var(--menu-active-bg-color);
569
- --menu-color: var(--menu-color);
570
- --menu-group-color: var(--menu-group-color);
571
- --menu-width: var(--menu-width);
572
- --menu-collapse-width: var(--menu-collapse-width);
573
- --menu-active-color: var(--menu-active-color);
574
- --nav-header-bg-color: var(--nav-header-bg-color);
575
- --nav-bg-color: var(--nav-bg-color);
576
- --date-picker-disabled-bg: var(--date-picker-disabled-bg);
577
- --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
578
- --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
579
- --table-bg-color: var(--table-bg-color);
580
- --table-border-color: var(--table-border-color);
581
- --table-head-bg-color: var(--table-head-bg-color);
582
- --table-head-font-color: var(--table-head-font-color);
583
- --table-body-font-color: var(--table-body-font-color);
584
- --table-row-hover-bg-color: var(--table-row-hover-bg-color);
585
- --table-row-active-bg-color: var(--table-row-active-bg-color);
586
- --cascader-panel-border-color: var(--cascader-panel-border-color);
587
- --cascader-panel-hover: var(--cascader-panel-hover);
588
- --cascader-panel-active: var(--cascader-panel-active);
589
- --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
590
- --search-select-focus-border-color: var(--search-select-focus-border-color);
591
- --search-select-focus-color: var(--search-select-focus-color);
592
- --search-select-font-color: var(--search-select-font-color);
593
- --search-select-placeholder-color: var(--search-select-placeholder-color);
594
- --search-select-message-color: var(--search-select-message-color);
595
- }
596
- :root :root {
597
- --bk-prefix: bk;
598
- --popover-max-height: 216px;
599
- --primary-color: #3a84ff;
600
- --success-color: #2dcb56;
601
- --warning-color: #ff9c01;
602
- --danger-color: #ea3636;
603
- --default-color: #63656e;
604
- --gray-color: #979ba5;
605
- --light-gray: #c4c6cc;
606
- --white-color: white;
607
- --whitesmoke-color: #fafbfd;
608
- --disable-color: #dcdee5;
609
- --font-size-base: 12px;
610
- --font-size-medium: 14px;
611
- --font-size-large: 16px;
612
- --line-height-base: 16px;
613
- --line-height-medium: 16px;
614
- --line-height-large: 18px;
615
- --component-size-small: 26px;
616
- --component-size-base: 32px;
617
- --component-size-large: 40px;
618
- --border-width-base: 1px;
619
- --border-style-base: solid;
620
- --border-radius-base: 2px;
621
- --border-style-color: var(--light-gray);
622
- --input-disabled-bg: #fafbfd;
623
- --input-disabled-border: var(--disable-color);
624
- --input-height-base: var(--component-size-base);
625
- --input-color: var(--default-color);
626
- --input-bg: white;
627
- --input-border-color: var(--light-gray);
628
- --input-broder-radius: 3px;
629
- --input-shadow-color: #a3c5fd;
630
- --input-horizontal-padding: 10px;
631
- --input-block-color: #f5f7fa;
632
- --input-block-hover-color: #eaebf0;
633
- --input-icon-size: var(--font-size-medium);
634
- --input-maxlength-color: #979ba5;
635
- --button-primary-hover-color: #5594fa;
636
- --button-danger-hover-color: #ff5656;
637
- --button-success-hover-color: #45e35f;
638
- --button-warning-hover-color: #ffb848;
639
- --button-default-hover-border-color: #979ba5;
640
- --button-primary-active-color: #2c77f4;
641
- --button-danger-active-color: #db2626;
642
- --button-success-active-color: #1ab943;
643
- --button-warning-active-color: #eb9000;
644
- --button-selected-bg-color: #e1ecff;
645
- --button-disabled-selected-bg-color: #f0f1f5;
646
- --radio-font-color: #63656e;
647
- --radio-active-color: #5594fa;
648
- --radio-hover-border-color: #979ba5;
649
- --radio-disabled-border: #dcdee5;
650
- --radio-disabled-font-color: #c4c6cc;
651
- --radio-distable-checked-bg: #fafbfd;
652
- --radio-button-checked-bg: #e1ecff;
653
- --fixed-navbar-background: #fff;
654
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
655
- --switch-default-color: #fff;
656
- --switch-grey-color: #c4c6cc;
657
- --breadcrumb-black-color: #979ba5;
658
- --breadcrumb-primary-hover-color: #0082ff;
659
- --breadcrumb-fn-main-color: #63656e;
660
- --link-default-hover-color: #979ba5;
661
- --link-primary-hover-color: #699df4;
662
- --link-success-hover-color: #45e35f;
663
- --link-warning-hover-color: #ffb848;
664
- --link-danger-hover-color: #ff5656;
665
- --link-default-disabled-color: #dcdee5;
666
- --link-primary-disabled-color: #a3c5fd;
667
- --link-success-disabled-color: #94f5a4;
668
- --link-warning-disabled-color: #ffd695;
669
- --link-danger-disabled-color: #fd9c9c;
670
- --message-color: var(--default-color);
671
- --message-primary-bg-color: #f0f8ff;
672
- --message-primary-border-color: #e1ecff;
673
- --message-primary-shadow-color: #e1e8f4;
674
- --message-warning-bg-color: #fff4e2;
675
- --message-warning-border-color: #ffe8c3;
676
- --message-warning-shadow-color: #ede6db;
677
- --message-success-bg-color: #f2fff4;
678
- --message-success-border-color: #dcffe2;
679
- --message-success-shadow-color: #cef0d7;
680
- --message-danger-bg-color: #ffeded;
681
- --message-danger-border-color: #fdd;
682
- --message-danger-shadow-color: #f6dada;
683
- --slider-default-bg: #dcdee5;
684
- --slider-disable-bar-bg: #979ba5;
685
- --menu-bg-color: #182132;
686
- --submenu-bg-color: #151d2c;
687
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
688
- --menu-color: #96a2b9;
689
- --menu-group-color: var(--default-color);
690
- --menu-width: 260px;
691
- --menu-collapse-width: 60px;
692
- --menu-active-color: white;
693
- --nav-header-bg-color: #182132;
694
- --nav-bg-color: #182132;
695
- --date-picker-disabled-bg: #fafbfd;
696
- --date-picker-dropdown-mb: 4px;
697
- --date-picker-dropdown-bg: #fff;
698
- --table-bg-color: var(--white-color);
699
- --table-border-color: #dcdee5;
700
- --table-head-bg-color: #fafbfd;
701
- --table-head-font-color: #313238;
702
- --table-body-font-color: #575961;
703
- --table-row-hover-bg-color: #f5f7fa;
704
- --table-row-active-bg-color: #f0f1f5;
705
- --cascader-panel-border-color: #dcdee5;
706
- --cascader-panel-hover: #f5f7fa;
707
- --cascader-panel-active: #e1ecff;
708
- --cascader-panel-disabled-bg: #fff;
709
- --search-select-focus-border-color: var(--primary-color);
710
- --search-select-focus-color: #3c96ff;
711
- --search-select-font-color: var(--default-color);
712
- --search-select-placeholder-color: var(--light-gray);
713
- --search-select-message-color: var(--danger-color);
714
- }
715
- :root {
716
- --bk-prefix: bk;
717
- --popover-max-height: 216px;
718
- --primary-color: #3a84ff;
719
- --success-color: #2dcb56;
720
- --warning-color: #ff9c01;
721
- --danger-color: #ea3636;
722
- --default-color: #63656e;
723
- --gray-color: #979ba5;
724
- --light-gray: #c4c6cc;
725
- --white-color: white;
726
- --whitesmoke-color: #fafbfd;
727
- --disable-color: #dcdee5;
728
- --font-size-base: 12px;
729
- --font-size-medium: 14px;
730
- --font-size-large: 16px;
731
- --line-height-base: 16px;
732
- --line-height-medium: 16px;
733
- --line-height-large: 18px;
734
- --component-size-small: 26px;
735
- --component-size-base: 32px;
736
- --component-size-large: 40px;
737
- --border-width-base: 1px;
738
- --border-style-base: solid;
739
- --border-radius-base: 2px;
740
- --border-style-color: var(--light-gray);
741
- --input-disabled-bg: #fafbfd;
742
- --input-disabled-border: var(--disable-color);
743
- --input-height-base: var(--component-size-base);
744
- --input-color: var(--default-color);
745
- --input-bg: white;
746
- --input-border-color: var(--light-gray);
747
- --input-broder-radius: 3px;
748
- --input-shadow-color: #a3c5fd;
749
- --input-horizontal-padding: 10px;
750
- --input-block-color: #f5f7fa;
751
- --input-block-hover-color: #eaebf0;
752
- --input-icon-size: var(--font-size-medium);
753
- --input-maxlength-color: #979ba5;
754
- --button-primary-hover-color: #5594fa;
755
- --button-danger-hover-color: #ff5656;
756
- --button-success-hover-color: #45e35f;
757
- --button-warning-hover-color: #ffb848;
758
- --button-default-hover-border-color: #979ba5;
759
- --button-primary-active-color: #2c77f4;
760
- --button-danger-active-color: #db2626;
761
- --button-success-active-color: #1ab943;
762
- --button-warning-active-color: #eb9000;
763
- --button-selected-bg-color: #e1ecff;
764
- --button-disabled-selected-bg-color: #f0f1f5;
765
- --radio-font-color: #63656e;
766
- --radio-active-color: #5594fa;
767
- --radio-hover-border-color: #979ba5;
768
- --radio-disabled-border: #dcdee5;
769
- --radio-disabled-font-color: #c4c6cc;
770
- --radio-distable-checked-bg: #fafbfd;
771
- --radio-button-checked-bg: #e1ecff;
772
- --fixed-navbar-background: #fff;
773
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
774
- --switch-default-color: #fff;
775
- --switch-grey-color: #c4c6cc;
776
- --breadcrumb-black-color: #979ba5;
777
- --breadcrumb-primary-hover-color: #0082ff;
778
- --breadcrumb-fn-main-color: #63656e;
779
- --link-default-hover-color: #979ba5;
780
- --link-primary-hover-color: #699df4;
781
- --link-success-hover-color: #45e35f;
782
- --link-warning-hover-color: #ffb848;
783
- --link-danger-hover-color: #ff5656;
784
- --link-default-disabled-color: #dcdee5;
785
- --link-primary-disabled-color: #a3c5fd;
786
- --link-success-disabled-color: #94f5a4;
787
- --link-warning-disabled-color: #ffd695;
788
- --link-danger-disabled-color: #fd9c9c;
789
- --message-color: var(--default-color);
790
- --message-primary-bg-color: #f0f8ff;
791
- --message-primary-border-color: #e1ecff;
792
- --message-primary-shadow-color: #e1e8f4;
793
- --message-warning-bg-color: #fff4e2;
794
- --message-warning-border-color: #ffe8c3;
795
- --message-warning-shadow-color: #ede6db;
796
- --message-success-bg-color: #f2fff4;
797
- --message-success-border-color: #dcffe2;
798
- --message-success-shadow-color: #cef0d7;
799
- --message-danger-bg-color: #ffeded;
800
- --message-danger-border-color: #fdd;
801
- --message-danger-shadow-color: #f6dada;
802
- --slider-default-bg: #dcdee5;
803
- --slider-disable-bar-bg: #979ba5;
804
- --menu-bg-color: #182132;
805
- --submenu-bg-color: #151d2c;
806
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
807
- --menu-color: #96a2b9;
808
- --menu-group-color: var(--default-color);
809
- --menu-width: 260px;
810
- --menu-collapse-width: 60px;
811
- --menu-active-color: white;
812
- --nav-header-bg-color: #182132;
813
- --nav-bg-color: #182132;
814
- --date-picker-disabled-bg: #fafbfd;
815
- --date-picker-dropdown-mb: 4px;
816
- --date-picker-dropdown-bg: #fff;
817
- --table-bg-color: var(--white-color);
818
- --table-border-color: #dcdee5;
819
- --table-head-bg-color: #fafbfd;
820
- --table-head-font-color: #313238;
821
- --table-body-font-color: #575961;
822
- --table-row-hover-bg-color: #f5f7fa;
823
- --table-row-active-bg-color: #f0f1f5;
824
- --cascader-panel-border-color: #dcdee5;
825
- --cascader-panel-hover: #f5f7fa;
826
- --cascader-panel-active: #e1ecff;
827
- --cascader-panel-disabled-bg: #fff;
828
- --search-select-focus-border-color: var(--primary-color);
829
- --search-select-focus-color: #3c96ff;
830
- --search-select-font-color: var(--default-color);
831
- --search-select-placeholder-color: var(--light-gray);
832
- --search-select-message-color: var(--danger-color);
833
- }
834
- :root {
835
- --bk-prefix: bk;
836
- --popover-max-height: var(--popover-max-height);
837
- --primary-color: var(--primary-color);
838
- --success-color: var(--success-color);
839
- --warning-color: var(--warning-color);
840
- --danger-color: var(--danger-color);
841
- --default-color: var(--default-color);
842
- --gray-color: var(--gray-color);
843
- --light-gray: var(--light-gray);
844
- --white-color: var(--white-color);
845
- --whitesmoke-color: var(--whitesmoke-color);
846
- --disable-color: var(--disable-color);
847
- --font-size-base: var(--font-size-base);
848
- --font-size-medium: var(--font-size-medium);
849
- --font-size-large: var(--font-size-large);
850
- --line-height-base: var(--line-height-base);
851
- --line-height-medium: var(--line-height-medium);
852
- --line-height-large: var(--line-height-large);
853
- --component-size-small: var(--component-size-small);
854
- --component-size-base: var(--component-size-base);
855
- --component-size-large: var(--component-size-large);
856
- --border-width-base: var(--border-width-base);
857
- --border-style-base: var(--border-style-base);
858
- --border-radius-base: var(--border-radius-base);
859
- --border-style-color: var(--border-style-color);
860
- --input-disabled-bg: var(--input-disabled-bg);
861
- --input-disabled-border: var(--input-disabled-border);
862
- --input-height-base: var(--input-height-base);
863
- --input-color: var(--input-color);
864
- --input-bg: var(--input-bg);
865
- --input-border-color: var(--input-border-color);
866
- --input-broder-radius: var(--input-broder-radius);
867
- --input-shadow-color: var(--input-shadow-color);
868
- --input-horizontal-padding: var(--input-horizontal-padding);
869
- --input-block-color: var(--input-block-color);
870
- --input-block-hover-color: var(--input-block-hover-color);
871
- --input-icon-size: var(--input-icon-size);
872
- --input-maxlength-color: var(--input-maxlength-color);
873
- --button-primary-hover-color: var(--button-primary-hover-color);
874
- --button-danger-hover-color: var(--button-danger-hover-color);
875
- --button-success-hover-color: var(--button-success-hover-color);
876
- --button-warning-hover-color: var(--button-warning-hover-color);
877
- --button-default-hover-border-color: var(--button-default-hover-border-color);
878
- --button-primary-active-color: var(--button-primary-active-color);
879
- --button-danger-active-color: var(--button-danger-active-color);
880
- --button-success-active-color: var(--button-success-active-color);
881
- --button-warning-active-color: var(--button-warning-active-color);
882
- --button-selected-bg-color: var(--button-selected-bg-color);
883
- --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
884
- --radio-font-color: var(--radio-font-color);
885
- --radio-active-color: var(--radio-active-color);
886
- --radio-hover-border-color: var(--radio-hover-border-color);
887
- --radio-disabled-border: var(--radio-disabled-border);
888
- --radio-disabled-font-color: var(--radio-disabled-font-color);
889
- --radio-distable-checked-bg: var(--radio-distable-checked-bg);
890
- --radio-button-checked-bg: var(--radio-button-checked-bg);
891
- --fixed-navbar-background: var(--fixed-navbar-background);
892
- --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
893
- --switch-default-color: var(--switch-default-color);
894
- --switch-grey-color: var(--switch-grey-color);
895
- --breadcrumb-black-color: var(--breadcrumb-black-color);
896
- --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
897
- --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
898
- --link-default-hover-color: var(--link-default-hover-color);
899
- --link-primary-hover-color: var(--link-primary-hover-color);
900
- --link-success-hover-color: var(--link-success-hover-color);
901
- --link-warning-hover-color: var(--link-warning-hover-color);
902
- --link-danger-hover-color: var(--link-danger-hover-color);
903
- --link-default-disabled-color: var(--link-default-disabled-color);
904
- --link-primary-disabled-color: var(--link-primary-disabled-color);
905
- --link-success-disabled-color: var(--link-success-disabled-color);
906
- --link-warning-disabled-color: var(--link-warning-disabled-color);
907
- --link-danger-disabled-color: var(--link-danger-disabled-color);
908
- --message-color: var(--message-color);
909
- --message-primary-bg-color: var(--message-primary-bg-color);
910
- --message-primary-border-color: var(--message-primary-border-color);
911
- --message-primary-shadow-color: var(--message-primary-shadow-color);
912
- --message-warning-bg-color: var(--message-warning-bg-color);
913
- --message-warning-border-color: var(--message-warning-border-color);
914
- --message-warning-shadow-color: var(--message-warning-shadow-color);
915
- --message-success-bg-color: var(--message-success-bg-color);
916
- --message-success-border-color: var(--message-success-border-color);
917
- --message-success-shadow-color: var(--message-success-shadow-color);
918
- --message-danger-bg-color: var(--message-danger-bg-color);
919
- --message-danger-border-color: var(--message-danger-border-color);
920
- --message-danger-shadow-color: var(--message-danger-shadow-color);
921
- --slider-default-bg: var(--slider-default-bg);
922
- --slider-disable-bar-bg: var(--slider-disable-bar-bg);
923
- --menu-bg-color: var(--menu-bg-color);
924
- --submenu-bg-color: var(--submenu-bg-color);
925
- --menu-active-bg-color: var(--menu-active-bg-color);
926
- --menu-color: var(--menu-color);
927
- --menu-group-color: var(--menu-group-color);
928
- --menu-width: var(--menu-width);
929
- --menu-collapse-width: var(--menu-collapse-width);
930
- --menu-active-color: var(--menu-active-color);
931
- --nav-header-bg-color: var(--nav-header-bg-color);
932
- --nav-bg-color: var(--nav-bg-color);
933
- --date-picker-disabled-bg: var(--date-picker-disabled-bg);
934
- --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
935
- --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
936
- --table-bg-color: var(--table-bg-color);
937
- --table-border-color: var(--table-border-color);
938
- --table-head-bg-color: var(--table-head-bg-color);
939
- --table-head-font-color: var(--table-head-font-color);
940
- --table-body-font-color: var(--table-body-font-color);
941
- --table-row-hover-bg-color: var(--table-row-hover-bg-color);
942
- --table-row-active-bg-color: var(--table-row-active-bg-color);
943
- --cascader-panel-border-color: var(--cascader-panel-border-color);
944
- --cascader-panel-hover: var(--cascader-panel-hover);
945
- --cascader-panel-active: var(--cascader-panel-active);
946
- --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
947
- --search-select-focus-border-color: var(--search-select-focus-border-color);
948
- --search-select-focus-color: var(--search-select-focus-color);
949
- --search-select-font-color: var(--search-select-font-color);
950
- --search-select-placeholder-color: var(--search-select-placeholder-color);
951
- --search-select-message-color: var(--search-select-message-color);
952
- }
953
- :root :root {
954
- --bk-prefix: bk;
955
- --popover-max-height: 216px;
956
- --primary-color: #3a84ff;
957
- --success-color: #2dcb56;
958
- --warning-color: #ff9c01;
959
- --danger-color: #ea3636;
960
- --default-color: #63656e;
961
- --gray-color: #979ba5;
962
- --light-gray: #c4c6cc;
963
- --white-color: white;
964
- --whitesmoke-color: #fafbfd;
965
- --disable-color: #dcdee5;
966
- --font-size-base: 12px;
967
- --font-size-medium: 14px;
968
- --font-size-large: 16px;
969
- --line-height-base: 16px;
970
- --line-height-medium: 16px;
971
- --line-height-large: 18px;
972
- --component-size-small: 26px;
973
- --component-size-base: 32px;
974
- --component-size-large: 40px;
975
- --border-width-base: 1px;
976
- --border-style-base: solid;
977
- --border-radius-base: 2px;
978
- --border-style-color: var(--light-gray);
979
- --input-disabled-bg: #fafbfd;
980
- --input-disabled-border: var(--disable-color);
981
- --input-height-base: var(--component-size-base);
982
- --input-color: var(--default-color);
983
- --input-bg: white;
984
- --input-border-color: var(--light-gray);
985
- --input-broder-radius: 3px;
986
- --input-shadow-color: #a3c5fd;
987
- --input-horizontal-padding: 10px;
988
- --input-block-color: #f5f7fa;
989
- --input-block-hover-color: #eaebf0;
990
- --input-icon-size: var(--font-size-medium);
991
- --input-maxlength-color: #979ba5;
992
- --button-primary-hover-color: #5594fa;
993
- --button-danger-hover-color: #ff5656;
994
- --button-success-hover-color: #45e35f;
995
- --button-warning-hover-color: #ffb848;
996
- --button-default-hover-border-color: #979ba5;
997
- --button-primary-active-color: #2c77f4;
998
- --button-danger-active-color: #db2626;
999
- --button-success-active-color: #1ab943;
1000
- --button-warning-active-color: #eb9000;
1001
- --button-selected-bg-color: #e1ecff;
1002
- --button-disabled-selected-bg-color: #f0f1f5;
1003
- --radio-font-color: #63656e;
1004
- --radio-active-color: #5594fa;
1005
- --radio-hover-border-color: #979ba5;
1006
- --radio-disabled-border: #dcdee5;
1007
- --radio-disabled-font-color: #c4c6cc;
1008
- --radio-distable-checked-bg: #fafbfd;
1009
- --radio-button-checked-bg: #e1ecff;
1010
- --fixed-navbar-background: #fff;
1011
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
1012
- --switch-default-color: #fff;
1013
- --switch-grey-color: #c4c6cc;
1014
- --breadcrumb-black-color: #979ba5;
1015
- --breadcrumb-primary-hover-color: #0082ff;
1016
- --breadcrumb-fn-main-color: #63656e;
1017
- --link-default-hover-color: #979ba5;
1018
- --link-primary-hover-color: #699df4;
1019
- --link-success-hover-color: #45e35f;
1020
- --link-warning-hover-color: #ffb848;
1021
- --link-danger-hover-color: #ff5656;
1022
- --link-default-disabled-color: #dcdee5;
1023
- --link-primary-disabled-color: #a3c5fd;
1024
- --link-success-disabled-color: #94f5a4;
1025
- --link-warning-disabled-color: #ffd695;
1026
- --link-danger-disabled-color: #fd9c9c;
1027
- --message-color: var(--default-color);
1028
- --message-primary-bg-color: #f0f8ff;
1029
- --message-primary-border-color: #e1ecff;
1030
- --message-primary-shadow-color: #e1e8f4;
1031
- --message-warning-bg-color: #fff4e2;
1032
- --message-warning-border-color: #ffe8c3;
1033
- --message-warning-shadow-color: #ede6db;
1034
- --message-success-bg-color: #f2fff4;
1035
- --message-success-border-color: #dcffe2;
1036
- --message-success-shadow-color: #cef0d7;
1037
- --message-danger-bg-color: #ffeded;
1038
- --message-danger-border-color: #fdd;
1039
- --message-danger-shadow-color: #f6dada;
1040
- --slider-default-bg: #dcdee5;
1041
- --slider-disable-bar-bg: #979ba5;
1042
- --menu-bg-color: #182132;
1043
- --submenu-bg-color: #151d2c;
1044
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
1045
- --menu-color: #96a2b9;
1046
- --menu-group-color: var(--default-color);
1047
- --menu-width: 260px;
1048
- --menu-collapse-width: 60px;
1049
- --menu-active-color: white;
1050
- --nav-header-bg-color: #182132;
1051
- --nav-bg-color: #182132;
1052
- --date-picker-disabled-bg: #fafbfd;
1053
- --date-picker-dropdown-mb: 4px;
1054
- --date-picker-dropdown-bg: #fff;
1055
- --table-bg-color: var(--white-color);
1056
- --table-border-color: #dcdee5;
1057
- --table-head-bg-color: #fafbfd;
1058
- --table-head-font-color: #313238;
1059
- --table-body-font-color: #575961;
1060
- --table-row-hover-bg-color: #f5f7fa;
1061
- --table-row-active-bg-color: #f0f1f5;
1062
- --cascader-panel-border-color: #dcdee5;
1063
- --cascader-panel-hover: #f5f7fa;
1064
- --cascader-panel-active: #e1ecff;
1065
- --cascader-panel-disabled-bg: #fff;
1066
- --search-select-focus-border-color: var(--primary-color);
1067
- --search-select-focus-color: #3c96ff;
1068
- --search-select-font-color: var(--default-color);
1069
- --search-select-placeholder-color: var(--light-gray);
1070
- --search-select-message-color: var(--danger-color);
1071
- }
1072
1
  :root {
1073
2
  --bk-prefix: bk;
1074
3
  --popover-max-height: 216px;
@@ -1154,7 +83,7 @@
1154
83
  --message-success-border-color: #dcffe2;
1155
84
  --message-success-shadow-color: #cef0d7;
1156
85
  --message-danger-bg-color: #ffeded;
1157
- --message-danger-border-color: #fdd;
86
+ --message-danger-border-color: #ffdddd;
1158
87
  --message-danger-shadow-color: #f6dada;
1159
88
  --slider-default-bg: #dcdee5;
1160
89
  --slider-disable-bar-bg: #979ba5;
@@ -1187,6 +116,7 @@
1187
116
  --search-select-font-color: var(--default-color);
1188
117
  --search-select-placeholder-color: var(--light-gray);
1189
118
  --search-select-message-color: var(--danger-color);
119
+ --search-select-menu-border-color: var(--disable-color);
1190
120
  }
1191
121
  .bk-F-scroll-x {
1192
122
  overflow-x: auto;
@@ -1239,8 +169,8 @@
1239
169
  margin-left: 30px;
1240
170
  }
1241
171
  .bk-checkbox.is-checked .bk-checkbox-input {
1242
- background: var(--primary-color);
1243
- border-color: var(--primary-color);
172
+ background: #3a84ff;
173
+ border-color: #3a84ff;
1244
174
  transition: all 0.1s;
1245
175
  }
1246
176
  .bk-checkbox.is-checked .bk-checkbox-input.small::after {
@@ -1261,8 +191,8 @@
1261
191
  transform-origin: center;
1262
192
  }
1263
193
  .bk-checkbox.is-indeterminated .bk-checkbox-input {
1264
- background: var(--primary-color);
1265
- border-color: var(--primary-color);
194
+ background: #3a84ff;
195
+ border-color: #3a84ff;
1266
196
  transition: all 0.1s;
1267
197
  }
1268
198
  .bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
@@ -1287,13 +217,13 @@
1287
217
  }
1288
218
  .bk-checkbox.is-disabled .bk-checkbox-input {
1289
219
  background: #fafbfd;
1290
- border-color: var(--disable-color);
220
+ border-color: #dcdee5;
1291
221
  }
1292
222
  .bk-checkbox.is-disabled .bk-checkbox-input::after {
1293
- background: var(--disable-color);
223
+ background: #dcdee5;
1294
224
  }
1295
225
  .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
1296
- background: var(--disable-color);
226
+ background: #dcdee5;
1297
227
  }
1298
228
  .bk-checkbox-input {
1299
229
  position: relative;