bkui-vue 0.0.1-beta.338 → 0.0.1-beta.339

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 (177) hide show
  1. package/dist/index.cjs.js +38 -38
  2. package/dist/index.esm.js +5212 -5358
  3. package/dist/index.umd.js +39 -39
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +357 -0
  7. package/lib/affix/affix.variable.css +715 -1
  8. package/lib/alert/alert.css +360 -3
  9. package/lib/alert/alert.variable.css +715 -1
  10. package/lib/backtop/backtop.css +360 -3
  11. package/lib/backtop/backtop.variable.css +715 -1
  12. package/lib/badge/badge.css +383 -26
  13. package/lib/badge/badge.variable.css +715 -1
  14. package/lib/breadcrumb/breadcrumb.css +362 -5
  15. package/lib/breadcrumb/breadcrumb.variable.css +715 -1
  16. package/lib/button/button.css +472 -115
  17. package/lib/button/button.variable.css +715 -1
  18. package/lib/card/card.css +361 -4
  19. package/lib/card/card.variable.css +715 -1
  20. package/lib/cascader/cascader.css +368 -11
  21. package/lib/cascader/cascader.variable.css +715 -1
  22. package/lib/cascader/index.js +1 -1
  23. package/lib/checkbox/checkbox.css +364 -7
  24. package/lib/checkbox/checkbox.variable.css +715 -1
  25. package/lib/code-diff/code-diff.css +357 -0
  26. package/lib/code-diff/code-diff.variable.css +715 -1
  27. package/lib/collapse/collapse-panel.d.ts +2 -2
  28. package/lib/collapse/collapse.css +358 -1
  29. package/lib/collapse/collapse.d.ts +2 -2
  30. package/lib/collapse/collapse.variable.css +715 -1
  31. package/lib/collapse/index.d.ts +9 -9
  32. package/lib/color-picker/color-picker.css +357 -0
  33. package/lib/color-picker/color-picker.variable.css +715 -1
  34. package/lib/components.d.ts +2 -1
  35. package/lib/components.js +1 -1
  36. package/lib/container/container.css +357 -0
  37. package/lib/container/container.variable.css +715 -1
  38. package/lib/date-picker/date-picker.css +374 -17
  39. package/lib/date-picker/date-picker.variable.css +715 -1
  40. package/lib/dialog/dialog.d.ts +8 -7
  41. package/lib/dialog/index.d.ts +21 -18
  42. package/lib/dialog/index.js +1 -1
  43. package/lib/dialog/props.d.ts +2 -2
  44. package/lib/divider/divider.css +360 -3
  45. package/lib/divider/divider.variable.css +715 -1
  46. package/lib/dropdown/dropdown.css +358 -1
  47. package/lib/dropdown/dropdown.d.ts +10 -10
  48. package/lib/dropdown/dropdown.less +1 -1
  49. package/lib/dropdown/dropdown.variable.css +716 -2
  50. package/lib/dropdown/index.js +1 -1
  51. package/lib/exception/exception.css +357 -0
  52. package/lib/exception/exception.variable.css +715 -1
  53. package/lib/fixed-navbar/fixed-navbar.css +361 -4
  54. package/lib/fixed-navbar/fixed-navbar.variable.css +715 -1
  55. package/lib/form/form.css +357 -0
  56. package/lib/form/form.variable.css +715 -1
  57. package/lib/form/index.js +1 -1
  58. package/lib/info-box/index.js +1 -1
  59. package/lib/input/input.css +417 -59
  60. package/lib/input/input.variable.css +715 -1
  61. package/lib/link/link.css +373 -16
  62. package/lib/link/link.variable.css +715 -1
  63. package/lib/loading/loading.css +373 -16
  64. package/lib/loading/loading.variable.css +715 -1
  65. package/lib/menu/menu.css +375 -18
  66. package/lib/menu/menu.variable.css +715 -1
  67. package/lib/menu/submenu.css +357 -0
  68. package/lib/menu/submenu.variable.css +715 -1
  69. package/lib/message/message.css +378 -21
  70. package/lib/message/message.variable.css +715 -1
  71. package/lib/modal/index.d.ts +13 -13
  72. package/lib/modal/index.js +1 -1
  73. package/lib/modal/modal.d.ts +5 -5
  74. package/lib/modal/props.mixin.d.ts +2 -2
  75. package/lib/navigation/navigation.css +359 -2
  76. package/lib/navigation/navigation.variable.css +715 -1
  77. package/lib/notify/notify.css +364 -7
  78. package/lib/notify/notify.variable.css +715 -1
  79. package/lib/pagination/index.js +1 -1
  80. package/lib/pagination/pagination.css +358 -1
  81. package/lib/pagination/pagination.variable.css +715 -1
  82. package/lib/plugin-popover/index.d.ts +1 -1
  83. package/lib/plugin-popover/index.js +1 -1
  84. package/lib/{popover2 → popover}/arrow.d.ts +0 -0
  85. package/lib/{popover2 → popover}/const.d.ts +0 -0
  86. package/lib/{popover2 → popover}/content.d.ts +0 -0
  87. package/lib/popover/index.d.ts +271 -114
  88. package/lib/popover/index.js +1 -1
  89. package/lib/{popover2 → popover}/plugin-popover.d.ts +0 -0
  90. package/lib/popover/popover.css +364 -50
  91. package/lib/popover/popover.d.ts +116 -53
  92. package/lib/popover/popover.less +19 -68
  93. package/lib/popover/popover.variable.css +721 -50
  94. package/lib/popover/props.d.ts +55 -37
  95. package/lib/{popover2 → popover}/reference.d.ts +0 -0
  96. package/lib/{popover2 → popover}/root.d.ts +0 -0
  97. package/lib/{popover2 → popover}/use-floating.d.ts +0 -0
  98. package/lib/{popover2 → popover}/use-platform.d.ts +0 -0
  99. package/lib/{popover2 → popover}/use-popover-init.d.ts +0 -0
  100. package/lib/{popover2 → popover}/use-popper-id.d.ts +0 -0
  101. package/lib/{popover2 → popover}/utils.d.ts +0 -0
  102. package/lib/process/process.css +370 -13
  103. package/lib/process/process.variable.css +715 -1
  104. package/lib/progress/progress.css +361 -4
  105. package/lib/progress/progress.variable.css +715 -1
  106. package/lib/radio/radio.css +387 -30
  107. package/lib/radio/radio.variable.css +715 -1
  108. package/lib/resize-layout/resize-layout.css +357 -0
  109. package/lib/resize-layout/resize-layout.variable.css +715 -1
  110. package/lib/search-select/index.js +1 -1
  111. package/lib/search-select/search-select.css +393 -36
  112. package/lib/search-select/search-select.variable.css +715 -1
  113. package/lib/select/index.d.ts +15 -0
  114. package/lib/select/index.js +1 -1
  115. package/lib/select/select.css +413 -56
  116. package/lib/select/select.d.ts +5 -0
  117. package/lib/select/select.less +1 -1
  118. package/lib/select/select.variable.css +747 -33
  119. package/lib/sideslider/index.d.ts +18 -18
  120. package/lib/sideslider/sideslider.css +358 -1
  121. package/lib/sideslider/sideslider.d.ts +7 -7
  122. package/lib/sideslider/sideslider.variable.css +715 -1
  123. package/lib/slider/slider.css +361 -4
  124. package/lib/slider/slider.variable.css +715 -1
  125. package/lib/steps/steps.css +393 -36
  126. package/lib/steps/steps.variable.css +715 -1
  127. package/lib/styles/index.d.ts +0 -2
  128. package/lib/styles/mixins/scroll.css +357 -0
  129. package/lib/styles/mixins/scroll.variable.css +715 -1
  130. package/lib/styles/themes/themes.css +357 -0
  131. package/lib/styles/themes/themes.less +614 -117
  132. package/lib/styles/themes/themes.variable.css +357 -0
  133. package/lib/switcher/switcher.css +374 -17
  134. package/lib/switcher/switcher.variable.css +715 -1
  135. package/lib/tab/tab.css +377 -20
  136. package/lib/tab/tab.variable.css +715 -1
  137. package/lib/table/const.d.ts +1 -0
  138. package/lib/table/index.js +1 -1
  139. package/lib/table/plugins/head-filter.css +369 -11
  140. package/lib/table/plugins/head-filter.less +2 -1
  141. package/lib/table/plugins/head-filter.variable.css +725 -10
  142. package/lib/table/plugins/head-sort.css +357 -0
  143. package/lib/table/plugins/head-sort.variable.css +715 -1
  144. package/lib/table/plugins/settings.css +373 -0
  145. package/lib/table/plugins/settings.less +22 -0
  146. package/lib/table/plugins/settings.variable.css +731 -1
  147. package/lib/table/table.css +534 -160
  148. package/lib/table/table.less +1 -1
  149. package/lib/table/table.variable.css +1249 -161
  150. package/lib/tag/tag.css +362 -5
  151. package/lib/tag/tag.variable.css +715 -1
  152. package/lib/tag-input/index.d.ts +156 -92
  153. package/lib/tag-input/tag-input.css +375 -18
  154. package/lib/tag-input/tag-input.d.ts +78 -46
  155. package/lib/tag-input/tag-input.variable.css +715 -1
  156. package/lib/tag-input/tag-props.d.ts +39 -23
  157. package/lib/time-picker/time-picker.css +357 -0
  158. package/lib/time-picker/time-picker.variable.css +715 -1
  159. package/lib/timeline/timeline.css +376 -19
  160. package/lib/timeline/timeline.variable.css +715 -1
  161. package/lib/transfer/transfer.css +369 -12
  162. package/lib/transfer/transfer.variable.css +715 -1
  163. package/lib/tree/tree.css +364 -7
  164. package/lib/tree/tree.variable.css +1079 -8
  165. package/lib/upload/upload.css +384 -27
  166. package/lib/upload/upload.variable.css +715 -1
  167. package/lib/virtual-render/virtual-render.css +357 -0
  168. package/lib/virtual-render/virtual-render.variable.css +1072 -1
  169. package/lib/volar.components.d.ts +1 -1
  170. package/package.json +1 -1
  171. package/lib/popover2/index.d.ts +0 -545
  172. package/lib/popover2/index.js +0 -1
  173. package/lib/popover2/popover2.css +0 -25
  174. package/lib/popover2/popover2.d.ts +0 -228
  175. package/lib/popover2/popover2.less +0 -35
  176. package/lib/popover2/popover2.variable.css +0 -144
  177. package/lib/popover2/props.d.ts +0 -118
@@ -1,3 +1,1074 @@
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
+ }
1
1072
  :root {
2
1073
  --bk-prefix: bk;
3
1074
  --popover-max-height: 216px;
@@ -83,7 +1154,7 @@
83
1154
  --message-success-border-color: #dcffe2;
84
1155
  --message-success-shadow-color: #cef0d7;
85
1156
  --message-danger-bg-color: #ffeded;
86
- --message-danger-border-color: #ffdddd;
1157
+ --message-danger-border-color: #fdd;
87
1158
  --message-danger-shadow-color: #f6dada;
88
1159
  --slider-default-bg: #dcdee5;
89
1160
  --slider-disable-bar-bg: #979ba5;
@@ -168,8 +1239,8 @@
168
1239
  margin-left: 30px;
169
1240
  }
170
1241
  .bk-checkbox.is-checked .bk-checkbox-input {
171
- background: #3a84ff;
172
- border-color: #3a84ff;
1242
+ background: var(--primary-color);
1243
+ border-color: var(--primary-color);
173
1244
  transition: all 0.1s;
174
1245
  }
175
1246
  .bk-checkbox.is-checked .bk-checkbox-input.small::after {
@@ -190,8 +1261,8 @@
190
1261
  transform-origin: center;
191
1262
  }
192
1263
  .bk-checkbox.is-indeterminated .bk-checkbox-input {
193
- background: #3a84ff;
194
- border-color: #3a84ff;
1264
+ background: var(--primary-color);
1265
+ border-color: var(--primary-color);
195
1266
  transition: all 0.1s;
196
1267
  }
197
1268
  .bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
@@ -216,13 +1287,13 @@
216
1287
  }
217
1288
  .bk-checkbox.is-disabled .bk-checkbox-input {
218
1289
  background: #fafbfd;
219
- border-color: #dcdee5;
1290
+ border-color: var(--disable-color);
220
1291
  }
221
1292
  .bk-checkbox.is-disabled .bk-checkbox-input::after {
222
- background: #dcdee5;
1293
+ background: var(--disable-color);
223
1294
  }
224
1295
  .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
225
- background: #dcdee5;
1296
+ background: var(--disable-color);
226
1297
  }
227
1298
  .bk-checkbox-input {
228
1299
  position: relative;
@@ -254,13 +1325,13 @@
254
1325
  display: inline-flex;
255
1326
  height: 32px;
256
1327
  padding: 5px 12px;
257
- font-size: 14px;
258
- color: #63656e;
1328
+ font-size: var(--font-size-medium);
1329
+ color: var(--default-color);
259
1330
  text-decoration: none;
260
1331
  white-space: nowrap;
261
1332
  cursor: pointer;
262
- background-color: white;
263
- border: 1px solid #c4c6cc;
1333
+ background-color: var(--white-color);
1334
+ border: 1px solid var(--light-gray);
264
1335
  border-radius: 2px;
265
1336
  outline: none;
266
1337
  box-sizing: border-box;
@@ -270,198 +1341,198 @@
270
1341
  justify-content: center;
271
1342
  }
272
1343
  .bk-button.bk-button-primary {
273
- background-color: #3a84ff;
274
- color: white;
275
- border-color: #3a84ff;
1344
+ background-color: var(--primary-color);
1345
+ color: var(--white-color);
1346
+ border-color: var(--primary-color);
276
1347
  }
277
1348
  .bk-button.bk-button-primary:hover {
278
- background-color: #5594fa;
279
- border-color: #5594fa;
1349
+ background-color: var(--button-primary-hover-color);
1350
+ border-color: var(--button-primary-hover-color);
280
1351
  }
281
1352
  .bk-button.bk-button-primary:active {
282
- background-color: #2c77f4;
283
- border-color: #2c77f4;
284
- color: white;
1353
+ background-color: var(--button-primary-active-color);
1354
+ border-color: var(--button-primary-active-color);
1355
+ color: var(--white-color);
285
1356
  }
286
1357
  .bk-button.bk-button-primary.is-outline {
287
- color: #3a84ff;
288
- border-color: #3a84ff;
289
- background-color: white;
1358
+ color: var(--primary-color);
1359
+ border-color: var(--primary-color);
1360
+ background-color: var(--white-color);
290
1361
  }
291
1362
  .bk-button.bk-button-primary.is-outline:hover {
292
- background-color: #5594fa;
293
- border-color: #5594fa;
294
- color: white;
1363
+ background-color: var(--button-primary-hover-color);
1364
+ border-color: var(--button-primary-hover-color);
1365
+ color: var(--white-color);
295
1366
  }
296
1367
  .bk-button.bk-button-primary.is-text {
297
- color: #3a84ff;
1368
+ color: var(--primary-color);
298
1369
  background-color: transparent;
299
1370
  border: none;
300
1371
  }
301
1372
  .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
302
- color: #5594fa;
1373
+ color: var(--button-primary-hover-color);
303
1374
  }
304
1375
  .bk-button.bk-button-primary.is-disabled {
305
- color: #dcdee5;
1376
+ color: var(--disable-color);
306
1377
  cursor: not-allowed;
307
1378
  }
308
1379
  .bk-button.bk-button-primary.is-disabled:not(.is-text) {
309
- background-color: #dcdee5;
310
- color: white;
311
- border-color: #dcdee5;
1380
+ background-color: var(--disable-color);
1381
+ color: var(--white-color);
1382
+ border-color: var(--disable-color);
312
1383
  }
313
1384
  .bk-button.bk-button-hover-primary:hover {
314
- background-color: #5594fa;
315
- border-color: #5594fa;
316
- color: white;
1385
+ background-color: var(--button-primary-hover-color);
1386
+ border-color: var(--button-primary-hover-color);
1387
+ color: var(--white-color);
317
1388
  }
318
1389
  .bk-button.bk-button-warning {
319
- background-color: #ff9c01;
320
- color: white;
321
- border-color: #ff9c01;
1390
+ background-color: var(--warning-color);
1391
+ color: var(--white-color);
1392
+ border-color: var(--warning-color);
322
1393
  }
323
1394
  .bk-button.bk-button-warning:hover {
324
- background-color: #ffb848;
325
- border-color: #ffb848;
1395
+ background-color: var(--button-warning-hover-color);
1396
+ border-color: var(--button-warning-hover-color);
326
1397
  }
327
1398
  .bk-button.bk-button-warning:active {
328
- background-color: #eb9000;
329
- border-color: #eb9000;
330
- color: white;
1399
+ background-color: var(--button-warning-active-color);
1400
+ border-color: var(--button-warning-active-color);
1401
+ color: var(--white-color);
331
1402
  }
332
1403
  .bk-button.bk-button-warning.is-outline {
333
- color: #ff9c01;
334
- border-color: #ff9c01;
335
- background-color: white;
1404
+ color: var(--warning-color);
1405
+ border-color: var(--warning-color);
1406
+ background-color: var(--white-color);
336
1407
  }
337
1408
  .bk-button.bk-button-warning.is-outline:hover {
338
- background-color: #ffb848;
339
- border-color: #ffb848;
340
- color: white;
1409
+ background-color: var(--button-warning-hover-color);
1410
+ border-color: var(--button-warning-hover-color);
1411
+ color: var(--white-color);
341
1412
  }
342
1413
  .bk-button.bk-button-warning.is-text {
343
- color: #ff9c01;
1414
+ color: var(--warning-color);
344
1415
  background-color: transparent;
345
1416
  border: none;
346
1417
  }
347
1418
  .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
348
- color: #ffb848;
1419
+ color: var(--button-warning-hover-color);
349
1420
  }
350
1421
  .bk-button.bk-button-warning.is-disabled {
351
- color: #dcdee5;
1422
+ color: var(--disable-color);
352
1423
  cursor: not-allowed;
353
1424
  }
354
1425
  .bk-button.bk-button-warning.is-disabled:not(.is-text) {
355
- background-color: #dcdee5;
356
- color: white;
357
- border-color: #dcdee5;
1426
+ background-color: var(--disable-color);
1427
+ color: var(--white-color);
1428
+ border-color: var(--disable-color);
358
1429
  }
359
1430
  .bk-button.bk-button-hover-warning:hover {
360
- background-color: #ffb848;
361
- border-color: #ffb848;
362
- color: white;
1431
+ background-color: var(--button-warning-hover-color);
1432
+ border-color: var(--button-warning-hover-color);
1433
+ color: var(--white-color);
363
1434
  }
364
1435
  .bk-button.bk-button-success {
365
- background-color: #2dcb56;
366
- color: white;
367
- border-color: #2dcb56;
1436
+ background-color: var(--success-color);
1437
+ color: var(--white-color);
1438
+ border-color: var(--success-color);
368
1439
  }
369
1440
  .bk-button.bk-button-success:hover {
370
- background-color: #45e35f;
371
- border-color: #45e35f;
1441
+ background-color: var(--button-success-hover-color);
1442
+ border-color: var(--button-success-hover-color);
372
1443
  }
373
1444
  .bk-button.bk-button-success:active {
374
- background-color: #1ab943;
375
- border-color: #1ab943;
376
- color: white;
1445
+ background-color: var(--button-success-active-color);
1446
+ border-color: var(--button-success-active-color);
1447
+ color: var(--white-color);
377
1448
  }
378
1449
  .bk-button.bk-button-success.is-outline {
379
- color: #2dcb56;
380
- border-color: #2dcb56;
381
- background-color: white;
1450
+ color: var(--success-color);
1451
+ border-color: var(--success-color);
1452
+ background-color: var(--white-color);
382
1453
  }
383
1454
  .bk-button.bk-button-success.is-outline:hover {
384
- background-color: #45e35f;
385
- border-color: #45e35f;
386
- color: white;
1455
+ background-color: var(--button-success-hover-color);
1456
+ border-color: var(--button-success-hover-color);
1457
+ color: var(--white-color);
387
1458
  }
388
1459
  .bk-button.bk-button-success.is-text {
389
- color: #2dcb56;
1460
+ color: var(--success-color);
390
1461
  background-color: transparent;
391
1462
  border: none;
392
1463
  }
393
1464
  .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
394
- color: #45e35f;
1465
+ color: var(--button-success-hover-color);
395
1466
  }
396
1467
  .bk-button.bk-button-success.is-disabled {
397
- color: #dcdee5;
1468
+ color: var(--disable-color);
398
1469
  cursor: not-allowed;
399
1470
  }
400
1471
  .bk-button.bk-button-success.is-disabled:not(.is-text) {
401
- background-color: #dcdee5;
402
- color: white;
403
- border-color: #dcdee5;
1472
+ background-color: var(--disable-color);
1473
+ color: var(--white-color);
1474
+ border-color: var(--disable-color);
404
1475
  }
405
1476
  .bk-button.bk-button-hover-success:hover {
406
- background-color: #45e35f;
407
- border-color: #45e35f;
408
- color: white;
1477
+ background-color: var(--button-success-hover-color);
1478
+ border-color: var(--button-success-hover-color);
1479
+ color: var(--white-color);
409
1480
  }
410
1481
  .bk-button.bk-button-danger {
411
- background-color: #ea3636;
412
- color: white;
413
- border-color: #ea3636;
1482
+ background-color: var(--danger-color);
1483
+ color: var(--white-color);
1484
+ border-color: var(--danger-color);
414
1485
  }
415
1486
  .bk-button.bk-button-danger:hover {
416
- background-color: #ff5656;
417
- border-color: #ff5656;
1487
+ background-color: var(--button-danger-hover-color);
1488
+ border-color: var(--button-danger-hover-color);
418
1489
  }
419
1490
  .bk-button.bk-button-danger:active {
420
- background-color: #db2626;
421
- border-color: #db2626;
422
- color: white;
1491
+ background-color: var(--button-danger-active-color);
1492
+ border-color: var(--button-danger-active-color);
1493
+ color: var(--white-color);
423
1494
  }
424
1495
  .bk-button.bk-button-danger.is-outline {
425
- color: #ea3636;
426
- border-color: #ea3636;
427
- background-color: white;
1496
+ color: var(--danger-color);
1497
+ border-color: var(--danger-color);
1498
+ background-color: var(--white-color);
428
1499
  }
429
1500
  .bk-button.bk-button-danger.is-outline:hover {
430
- background-color: #ff5656;
431
- border-color: #ff5656;
432
- color: white;
1501
+ background-color: var(--button-danger-hover-color);
1502
+ border-color: var(--button-danger-hover-color);
1503
+ color: var(--white-color);
433
1504
  }
434
1505
  .bk-button.bk-button-danger.is-text {
435
- color: #ea3636;
1506
+ color: var(--danger-color);
436
1507
  background-color: transparent;
437
1508
  border: none;
438
1509
  }
439
1510
  .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
440
- color: #ff5656;
1511
+ color: var(--button-danger-hover-color);
441
1512
  }
442
1513
  .bk-button.bk-button-danger.is-disabled {
443
- color: #dcdee5;
1514
+ color: var(--disable-color);
444
1515
  cursor: not-allowed;
445
1516
  }
446
1517
  .bk-button.bk-button-danger.is-disabled:not(.is-text) {
447
- background-color: #dcdee5;
448
- color: white;
449
- border-color: #dcdee5;
1518
+ background-color: var(--disable-color);
1519
+ color: var(--white-color);
1520
+ border-color: var(--disable-color);
450
1521
  }
451
1522
  .bk-button.bk-button-hover-danger:hover {
452
- background-color: #ff5656;
453
- border-color: #ff5656;
454
- color: white;
1523
+ background-color: var(--button-danger-hover-color);
1524
+ border-color: var(--button-danger-hover-color);
1525
+ color: var(--white-color);
455
1526
  }
456
1527
  .bk-button.bk-button-small {
457
1528
  height: 26px;
458
1529
  padding: 3px 12px;
459
- font-size: 12px;
1530
+ font-size: var(--font-size-base);
460
1531
  }
461
1532
  .bk-button.bk-button-large {
462
1533
  height: 38px;
463
1534
  padding: 8px 20px;
464
- font-size: 16px;
1535
+ font-size: var(--font-size-large);
465
1536
  }
466
1537
  .bk-button .bk-button-text {
467
1538
  display: inline-flex;
@@ -478,17 +1549,17 @@
478
1549
  visibility: hidden;
479
1550
  }
480
1551
  .bk-button:hover {
481
- border-color: #979ba5;
1552
+ border-color: var(--button-default-hover-border-color);
482
1553
  }
483
1554
  .bk-button:active {
484
- color: #3a84ff;
485
- border-color: #3a84ff;
1555
+ color: var(--primary-color);
1556
+ border-color: var(--primary-color);
486
1557
  }
487
1558
  .bk-button.is-text {
488
1559
  height: auto;
489
1560
  padding: 0;
490
1561
  font-size: inherit;
491
- color: #63656e;
1562
+ color: var(--default-color);
492
1563
  text-decoration: none;
493
1564
  cursor: pointer;
494
1565
  background-color: transparent;
@@ -496,9 +1567,9 @@
496
1567
  outline: none;
497
1568
  }
498
1569
  .bk-button.is-disabled {
499
- color: #dcdee5;
1570
+ color: var(--disable-color);
500
1571
  cursor: not-allowed;
501
- border-color: #dcdee5;
1572
+ border-color: var(--disable-color);
502
1573
  }
503
1574
  .bk-button-group {
504
1575
  display: inline-block;
@@ -507,12 +1578,12 @@
507
1578
  .bk-button-group.bk-button-group-small .bk-button {
508
1579
  height: 26px;
509
1580
  padding: 3px 12px;
510
- font-size: 12px;
1581
+ font-size: var(--font-size-base);
511
1582
  }
512
1583
  .bk-button-group.bk-button-group-large .bk-button {
513
1584
  height: 38px;
514
1585
  padding: 8px 20px;
515
- font-size: 16px;
1586
+ font-size: var(--font-size-large);
516
1587
  }
517
1588
  .bk-button-group .bk-button {
518
1589
  height: 32px;
@@ -520,12 +1591,12 @@
520
1591
  border-radius: 0;
521
1592
  }
522
1593
  .bk-button-group .bk-button:not(.is-disabled) {
523
- color: #63656e;
524
- background-color: white;
525
- border-color: #c4c6cc;
1594
+ color: var(--default-color);
1595
+ background-color: var(--white-color);
1596
+ border-color: var(--light-gray);
526
1597
  }
527
1598
  .bk-button-group .bk-button.is-disabled {
528
- color: #c4c6cc;
1599
+ color: var(--light-gray);
529
1600
  }
530
1601
  .bk-button-group .bk-button:first-child {
531
1602
  border-radius: 2px 0 0 2px;
@@ -540,15 +1611,15 @@
540
1611
  .bk-button-group .bk-button.is-selected:not(.is-disabled) {
541
1612
  position: relative;
542
1613
  z-index: 1;
543
- color: #3a84ff;
544
- background-color: white;
545
- border-color: #3a84ff;
1614
+ color: var(--primary-color);
1615
+ background-color: var(--white-color);
1616
+ border-color: var(--primary-color);
546
1617
  }
547
1618
  .bk-button-group .bk-button.is-selected:not(.is-disabled) {
548
- background-color: #e1ecff;
1619
+ background-color: var(--button-selected-bg-color);
549
1620
  }
550
1621
  .bk-button-group .bk-button.is-selected.is-disabled {
551
- background-color: #f0f1f5;
1622
+ background-color: var(--button-disabled-selected-bg-color);
552
1623
  }
553
1624
  .bk-exception {
554
1625
  position: relative;
@@ -795,7 +1866,7 @@
795
1866
  cursor: not-allowed;
796
1867
  }
797
1868
  .bk-pagination-picker-list {
798
- max-height: 216px;
1869
+ max-height: var(--popover-max-height);
799
1870
  padding: 7px 0;
800
1871
  margin: -7px -14px;
801
1872
  overflow: auto;
@@ -813,7 +1884,7 @@
813
1884
  color: #3a84ff;
814
1885
  background: #f4f6fa;
815
1886
  }
816
- .bk-popover2.bk-pop2-content {
1887
+ .bk-popover.bk-pop2-content {
817
1888
  position: absolute;
818
1889
  display: none;
819
1890
  padding: 7px 14px;
@@ -823,19 +1894,19 @@
823
1894
  border-radius: 4px;
824
1895
  box-sizing: border-box;
825
1896
  }
826
- .bk-popover2.bk-pop2-content .bk-pop2-arrow {
1897
+ .bk-popover.bk-pop2-content .bk-pop2-arrow {
827
1898
  position: absolute;
828
1899
  width: 8px;
829
1900
  height: 8px;
830
1901
  background: #333;
831
1902
  transform: rotate(45deg);
832
1903
  }
833
- .bk-popover2.bk-pop2-content[data-theme^='light'] {
1904
+ .bk-popover.bk-pop2-content[data-theme^='light'] {
834
1905
  color: #26323d;
835
1906
  background-color: #fff;
836
1907
  box-shadow: 0 0 6px 0 #dcdee5;
837
1908
  }
838
- .bk-popover2.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
1909
+ .bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
839
1910
  background-color: #fff;
840
1911
  }
841
1912
  .bk-table-head-action {
@@ -853,18 +1924,19 @@
853
1924
  .bk-table-head-action.opened {
854
1925
  color: inherit;
855
1926
  }
856
- .bk-popover2.bk-pop2-content.bk-table-head-filter {
1927
+ .bk-popover.bk-pop2-content.bk-table-head-filter {
857
1928
  padding: 5px 0 0 0;
858
1929
  background-color: #fff;
859
1930
  border-radius: 2px;
860
1931
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
861
1932
  }
862
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-list {
1933
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-list {
1934
+ display: inline-block;
863
1935
  max-width: 200px;
864
1936
  min-width: 140px;
865
1937
  overflow: auto;
866
1938
  }
867
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item {
1939
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .list-item {
868
1940
  width: 100%;
869
1941
  height: 32px;
870
1942
  padding: 0 10px;
@@ -873,10 +1945,10 @@
873
1945
  color: #63656e;
874
1946
  text-align: left;
875
1947
  }
876
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
1948
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
877
1949
  background: #f0f1f5;
878
1950
  }
879
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer {
1951
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
880
1952
  display: flex;
881
1953
  height: 42px;
882
1954
  padding: 0 10px;
@@ -884,29 +1956,29 @@
884
1956
  justify-content: center;
885
1957
  align-items: center;
886
1958
  }
887
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span {
1959
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
888
1960
  display: inline-flex;
889
1961
  height: 100%;
890
1962
  padding: 6px 12px;
891
1963
  font-size: 14px;
892
1964
  line-height: 22px;
893
- color: #3a84ff;
1965
+ color: var(--primary-color);
894
1966
  cursor: pointer;
895
1967
  align-items: center;
896
1968
  }
897
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
1969
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
898
1970
  color: transparent;
899
1971
  cursor: auto;
900
1972
  }
901
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
1973
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
902
1974
  width: 1px;
903
1975
  height: calc(100% - 12px);
904
1976
  padding: 6px 0;
905
1977
  cursor: default;
906
1978
  background: #f0f1f5;
907
1979
  }
908
- .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
909
- color: #979ba5;
1980
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
1981
+ color: var(--gray-color);
910
1982
  cursor: not-allowed;
911
1983
  }
912
1984
  .bk-head-cell-sort {
@@ -937,6 +2009,22 @@
937
2009
  .bk-table-settings[data-bk-table-settings-theme='true'] {
938
2010
  padding: 0;
939
2011
  }
2012
+ .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
2013
+ border-right: solid 1px #dcdee5;
2014
+ border-bottom: solid 1px #dcdee5;
2015
+ }
2016
+ .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
2017
+ border-top: solid 1px #dcdee5;
2018
+ border-left: solid 1px #dcdee5;
2019
+ }
2020
+ .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
2021
+ border-top: solid 1px #dcdee5;
2022
+ border-right: solid 1px #dcdee5;
2023
+ }
2024
+ .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
2025
+ border-bottom: solid 1px #dcdee5;
2026
+ border-left: solid 1px #dcdee5;
2027
+ }
940
2028
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
941
2029
  width: 515px;
942
2030
  border: 1px solid #dcdee5;
@@ -1084,7 +2172,7 @@
1084
2172
  bottom: 0;
1085
2173
  left: 0;
1086
2174
  width: 100%;
1087
- border-top: 1px solid #dcdee5;
2175
+ border-top: 1px solid var(--table-border-color);
1088
2176
  transform: translateX(var(--scroll-head-left));
1089
2177
  }
1090
2178
  .bk-table .bk-fixed-bottom-border._is-empty {
@@ -1092,7 +2180,7 @@
1092
2180
  }
1093
2181
  .bk-table .bk-table-head,
1094
2182
  .bk-table .bk-table-body {
1095
- background: white;
2183
+ background: var(--table-bg-color);
1096
2184
  }
1097
2185
  .bk-table .bk-table-head.__is-empty,
1098
2186
  .bk-table .bk-table-body.__is-empty {
@@ -1136,7 +2224,7 @@
1136
2224
  padding: 0 15px;
1137
2225
  overflow: hidden;
1138
2226
  font-size: 12px;
1139
- color: #575961;
2227
+ color: var(--table-body-font-color);
1140
2228
  text-align: left;
1141
2229
  text-overflow: ellipsis;
1142
2230
  white-space: nowrap;
@@ -1185,8 +2273,8 @@
1185
2273
  .bk-table .bk-table-head table thead th,
1186
2274
  .bk-table .bk-table-body table thead th {
1187
2275
  font-weight: 400;
1188
- color: #313238;
1189
- background-color: #fafbfd;
2276
+ color: var(--table-head-font-color);
2277
+ background-color: var(--table-head-bg-color);
1190
2278
  }
1191
2279
  .bk-table .bk-table-head table thead th .cell,
1192
2280
  .bk-table .bk-table-body table thead th .cell {
@@ -1198,7 +2286,7 @@
1198
2286
  .bk-table .bk-table-body table thead th.active,
1199
2287
  .bk-table .bk-table-head table thead th:hover,
1200
2288
  .bk-table .bk-table-body table thead th:hover {
1201
- background: #f0f1f5;
2289
+ background: var(--table-row-active-bg-color);
1202
2290
  }
1203
2291
  .bk-table .bk-table-head table thead th.column_fixed,
1204
2292
  .bk-table .bk-table-body table thead th.column_fixed {
@@ -1223,7 +2311,7 @@
1223
2311
  }
1224
2312
  .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
1225
2313
  .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
1226
- background: #f5f7fa;
2314
+ background: var(--table-row-hover-bg-color);
1227
2315
  }
1228
2316
  .bk-table .bk-table-head {
1229
2317
  position: relative;
@@ -1240,10 +2328,10 @@
1240
2328
  width: calc(var(--row-height));
1241
2329
  font-size: 14px;
1242
2330
  cursor: pointer;
1243
- background: #fafbfd;
1244
- border-right: 1px solid #dcdee5;
1245
- border-bottom: 1px solid #dcdee5;
1246
- border-left: 1px solid #dcdee5;
2331
+ background: var(--table-head-bg-color);
2332
+ border-right: 1px solid var(--table-border-color);
2333
+ border-bottom: 1px solid var(--table-border-color);
2334
+ border-left: 1px solid var(--table-border-color);
1247
2335
  border-radius: 0px 2px 0px 0px;
1248
2336
  transform: translateX(var(--scroll-left));
1249
2337
  justify-content: center;
@@ -1262,32 +2350,32 @@
1262
2350
  }
1263
2351
  .bk-table.bordered-row td,
1264
2352
  .bk-table.bordered-row th {
1265
- border-bottom: 1px solid #dcdee5;
2353
+ border-bottom: 1px solid var(--table-border-color);
1266
2354
  }
1267
2355
  .bk-table.bordered-row tr:last-child td {
1268
2356
  border-bottom: none;
1269
2357
  }
1270
2358
  .bk-table.bordered-outer {
1271
- border-top: 1px solid #dcdee5;
1272
- border-right: 1px solid #dcdee5;
1273
- border-left: 1px solid #dcdee5;
2359
+ border-top: 1px solid var(--table-border-color);
2360
+ border-right: 1px solid var(--table-border-color);
2361
+ border-left: 1px solid var(--table-border-color);
1274
2362
  }
1275
2363
  .bk-table.bordered-outer .bk-table-footer {
1276
- border-bottom: 1px solid #dcdee5;
2364
+ border-bottom: 1px solid var(--table-border-color);
1277
2365
  }
1278
2366
  .bk-table.bordered-horizontal {
1279
- border-top: 1px solid #dcdee5;
2367
+ border-top: 1px solid var(--table-border-color);
1280
2368
  }
1281
2369
  .bk-table.bordered-horizontal .bk-table-footer {
1282
- border-bottom: 1px solid #dcdee5;
2370
+ border-bottom: 1px solid var(--table-border-color);
1283
2371
  }
1284
2372
  .bk-table.bordered-outer .__is-empty .bk-table-body-content,
1285
2373
  .bk-table.bordered-horizontal .__is-empty .bk-table-body-content {
1286
- border-bottom: 1px solid #dcdee5;
2374
+ border-bottom: 1px solid var(--table-border-color);
1287
2375
  }
1288
2376
  .bk-table.bordered-col th,
1289
2377
  .bk-table.bordered-col td {
1290
- border-right: 1px solid #dcdee5;
2378
+ border-right: 1px solid var(--table-border-color);
1291
2379
  }
1292
2380
  .bk-table.bordered-col th:last-child,
1293
2381
  .bk-table.bordered-col td:last-child {
@@ -1335,11 +2423,11 @@
1335
2423
  justify-content: center;
1336
2424
  }
1337
2425
  .bk-table colgroup col {
1338
- background: white;
2426
+ background: var(--table-bg-color);
1339
2427
  }
1340
2428
  .bk-table colgroup col.active {
1341
2429
  position: relative;
1342
- background: #f0f1f5;
2430
+ background: var(--table-row-active-bg-color);
1343
2431
  }
1344
2432
  .bk-table .bk-pagination .is-last {
1345
2433
  margin-left: auto;