index.scss 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607
  1. /* stylelint-disable */
  2. // don't edit this file, auto generate
  3. $blue-1: #e6f7ff;
  4. $blue-2: #bae7ff;
  5. $blue-3: #91d5ff;
  6. $blue-4: #69c0ff;
  7. $blue-5: #40a9ff;
  8. $blue-6: #1890ff;
  9. $blue-7: #096dd9;
  10. $blue-8: #0050b3;
  11. $blue-9: #003a8c;
  12. $blue-10: #002766;
  13. $purple-1: #f9f0ff;
  14. $purple-2: #efdbff;
  15. $purple-3: #d3adf7;
  16. $purple-4: #b37feb;
  17. $purple-5: #9254de;
  18. $purple-6: #722ed1;
  19. $purple-7: #531dab;
  20. $purple-8: #391085;
  21. $purple-9: #22075e;
  22. $purple-10: #120338;
  23. $cyan-1: #e6fffb;
  24. $cyan-2: #b5f5ec;
  25. $cyan-3: #87e8de;
  26. $cyan-4: #5cdbd3;
  27. $cyan-5: #36cfc9;
  28. $cyan-6: #13c2c2;
  29. $cyan-7: #08979c;
  30. $cyan-8: #006d75;
  31. $cyan-9: #00474f;
  32. $cyan-10: #002329;
  33. $green-1: #f6ffed;
  34. $green-2: #d9f7be;
  35. $green-3: #b7eb8f;
  36. $green-4: #95de64;
  37. $green-5: #73d13d;
  38. $green-6: #52c41a;
  39. $green-7: #389e0d;
  40. $green-8: #237804;
  41. $green-9: #135200;
  42. $green-10: #092b00;
  43. $magenta-1: #fff0f6;
  44. $magenta-2: #ffd6e7;
  45. $magenta-3: #ffadd2;
  46. $magenta-4: #ff85c0;
  47. $magenta-5: #f759ab;
  48. $magenta-6: #eb2f96;
  49. $magenta-7: #c41d7f;
  50. $magenta-8: #9e1068;
  51. $magenta-9: #780650;
  52. $magenta-10: #520339;
  53. $pink-1: #fff0f6;
  54. $pink-2: #ffd6e7;
  55. $pink-3: #ffadd2;
  56. $pink-4: #ff85c0;
  57. $pink-5: #f759ab;
  58. $pink-6: #eb2f96;
  59. $pink-7: #c41d7f;
  60. $pink-8: #9e1068;
  61. $pink-9: #780650;
  62. $pink-10: #520339;
  63. $red-1: #fff1f0;
  64. $red-2: #ffccc7;
  65. $red-3: #ffa39e;
  66. $red-4: #ff7875;
  67. $red-5: #ff4d4f;
  68. $red-6: #f5222d;
  69. $red-7: #cf1322;
  70. $red-8: #a8071a;
  71. $red-9: #820014;
  72. $red-10: #5c0011;
  73. $orange-1: #fff7e6;
  74. $orange-2: #ffe7ba;
  75. $orange-3: #ffd591;
  76. $orange-4: #ffc069;
  77. $orange-5: #ffa940;
  78. $orange-6: #fa8c16;
  79. $orange-7: #d46b08;
  80. $orange-8: #ad4e00;
  81. $orange-9: #873800;
  82. $orange-10: #612500;
  83. $yellow-1: #feffe6;
  84. $yellow-2: #ffffb8;
  85. $yellow-3: #fffb8f;
  86. $yellow-4: #fff566;
  87. $yellow-5: #ffec3d;
  88. $yellow-6: #fadb14;
  89. $yellow-7: #d4b106;
  90. $yellow-8: #ad8b00;
  91. $yellow-9: #876800;
  92. $yellow-10: #614700;
  93. $volcano-1: #fff2e8;
  94. $volcano-2: #ffd8bf;
  95. $volcano-3: #ffbb96;
  96. $volcano-4: #ff9c6e;
  97. $volcano-5: #ff7a45;
  98. $volcano-6: #fa541c;
  99. $volcano-7: #d4380d;
  100. $volcano-8: #ad2102;
  101. $volcano-9: #871400;
  102. $volcano-10: #610b00;
  103. $geekblue-1: #f0f5ff;
  104. $geekblue-2: #d6e4ff;
  105. $geekblue-3: #adc6ff;
  106. $geekblue-4: #85a5ff;
  107. $geekblue-5: #597ef7;
  108. $geekblue-6: #2f54eb;
  109. $geekblue-7: #1d39c4;
  110. $geekblue-8: #10239e;
  111. $geekblue-9: #061178;
  112. $geekblue-10: #030852;
  113. $lime-1: #fcffe6;
  114. $lime-2: #f4ffb8;
  115. $lime-3: #eaff8f;
  116. $lime-4: #d3f261;
  117. $lime-5: #bae637;
  118. $lime-6: #a0d911;
  119. $lime-7: #7cb305;
  120. $lime-8: #5b8c00;
  121. $lime-9: #3f6600;
  122. $lime-10: #254000;
  123. $gold-1: #fffbe6;
  124. $gold-2: #fff1b8;
  125. $gold-3: #ffe58f;
  126. $gold-4: #ffd666;
  127. $gold-5: #ffc53d;
  128. $gold-6: #faad14;
  129. $gold-7: #d48806;
  130. $gold-8: #ad6800;
  131. $gold-9: #874d00;
  132. $gold-10: #613400;
  133. $preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue, purple;
  134. $ant-prefix: ant;
  135. $html-selector: html;
  136. $primary-color: #1890FF;
  137. $info-color: #1890ff;
  138. $success-color: #52c41a;
  139. $processing-color: #1890ff;
  140. $error-color: #E02020;
  141. $highlight-color: #f5222d;
  142. $warning-color: #faad14;
  143. $normal-color: #d9d9d9;
  144. $white: #fff;
  145. $black: #000;
  146. $primary-1: #e6f7ff;
  147. $primary-2: #bae7ff;
  148. $primary-3: #91d5ff;
  149. $primary-4: #69c0ff;
  150. $primary-5: #40a9ff;
  151. $primary-6: #1890FF;
  152. $primary-7: #0162EB;
  153. $primary-8: #0050b3;
  154. $primary-9: #003a8c;
  155. $primary-10: #002766;
  156. $body-background: #fff;
  157. $component-background: #fff;
  158. $font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  159. $code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  160. $text-color: rgba(0, 0, 0, 0.65);
  161. $text-color-secondary: rgba(0, 0, 0, 0.45);
  162. $text-color-inverse: #fff;
  163. $icon-color: inherit;
  164. $icon-color-hover: rgba(0, 0, 0, 0.75);
  165. $heading-color: rgba(0, 0, 0, 0.85);
  166. $heading-color-dark: #ffffff;
  167. $text-color-dark: rgba(255, 255, 255, 0.85);
  168. $text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  169. $text-selection-bg: #1890FF;
  170. $font-variant-base: tabular-nums;
  171. $font-feature-settings-base: 'tnum';
  172. $font-size-base: 16px;
  173. $font-size-lg: 18px;
  174. $font-size-sm: 12px;
  175. $heading-1-size: 44px;
  176. $heading-2-size: 35px;
  177. $heading-3-size: 28px;
  178. $heading-4-size: 23px;
  179. $line-height-base: 1.5;
  180. $border-radius-base: 4px;
  181. $border-radius-sm: 2px;
  182. $padding-lg: 20px;
  183. $padding-md: 16px;
  184. $padding-sm: 12px;
  185. $padding-xs: 8px;
  186. $control-padding-horizontal: 12px;
  187. $control-padding-horizontal-sm: 8px;
  188. $item-active-bg: #e6f7ff;
  189. $item-hover-bg: #e6f7ff;
  190. $iconfont-css-prefix: anticon;
  191. $link-color: #1890FF;
  192. $link-hover-color: #40a9ff;
  193. $link-active-color: #0162EB;
  194. $link-decoration: none;
  195. $link-hover-decoration: none;
  196. $ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  197. $ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  198. $ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  199. $ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  200. $ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  201. $ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  202. $ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  203. $ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  204. $ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  205. $ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  206. $ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  207. $ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  208. $ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  209. $ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  210. $border-color-base: #d9d9d9;
  211. $border-color-split: #e8e8e8;
  212. $border-color-inverse: #fff;
  213. $border-width-base: 1px;
  214. $border-style-base: solid;
  215. $outline-blur-size: 0;
  216. $outline-width: 2px;
  217. $outline-color: #1890FF;
  218. $background-color-light: #fafafa;
  219. $background-color-base: #f5f5f5;
  220. $disabled-color: rgba(0, 0, 0, 0.25);
  221. $disabled-bg: #f5f5f5;
  222. $disabled-color-dark: rgba(255, 255, 255, 0.35);
  223. $shadow-color: rgba(0, 0, 0, 0.15);
  224. $shadow-color-inverse: #fff;
  225. $box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
  226. $shadow-1-up: 0 -2px 8px rgba(0, 0, 0, 0.15);
  227. $shadow-1-down: 0 2px 8px rgba(0, 0, 0, 0.15);
  228. $shadow-1-left: -2px 0 8px rgba(0, 0, 0, 0.15);
  229. $shadow-1-right: 2px 0 8px rgba(0, 0, 0, 0.15);
  230. $shadow-2: 0 4px 12px rgba(0, 0, 0, 0.15);
  231. $btn-font-weight: 400;
  232. $btn-border-radius-base: 4px;
  233. $btn-border-radius-sm: 4px;
  234. $btn-border-width: 1px;
  235. $btn-border-style: solid;
  236. $btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  237. $btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  238. $btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  239. $btn-primary-color: #fff;
  240. $btn-primary-bg: #1890FF;
  241. $btn-default-color: rgba(0, 0, 0, 0.65);
  242. $btn-default-bg: #fff;
  243. $btn-default-border: #d9d9d9;
  244. $btn-danger-color: #fff;
  245. $btn-danger-bg: #ed4d47;
  246. $btn-danger-border: #ed4d47;
  247. $btn-disable-color: rgba(0, 0, 0, 0.25);
  248. $btn-disable-bg: #f5f5f5;
  249. $btn-disable-border: #d9d9d9;
  250. $btn-padding-base: 0 15px;
  251. $btn-font-size-lg: 18px;
  252. $btn-font-size-sm: 16px;
  253. $btn-padding-lg: 0 15px;
  254. $btn-padding-sm: 0 7px;
  255. $btn-height-base: 32px;
  256. $btn-height-lg: 40px;
  257. $btn-height-sm: 24px;
  258. $btn-circle-size: 32px;
  259. $btn-circle-size-lg: 40px;
  260. $btn-circle-size-sm: 24px;
  261. $btn-square-size: 32px;
  262. $btn-square-size-lg: 40px;
  263. $btn-square-size-sm: 24px;
  264. $btn-group-border: #40a9ff;
  265. $checkbox-size: 16px;
  266. $checkbox-color: #1890FF;
  267. $checkbox-check-color: #fff;
  268. $checkbox-border-width: 1px;
  269. $descriptions-bg: #fafafa;
  270. $dropdown-selected-color: #1890FF;
  271. $empty-font-size: 16px;
  272. $radio-size: 16px;
  273. $radio-dot-color: #1890FF;
  274. $radio-button-bg: #fff;
  275. $radio-button-checked-bg: #fff;
  276. $radio-button-color: rgba(0, 0, 0, 0.65);
  277. $radio-button-hover-color: #40a9ff;
  278. $radio-button-active-color: #0162EB;
  279. $screen-xs: 480px;
  280. $screen-xs-min: 480px;
  281. $screen-sm: 576px;
  282. $screen-sm-min: 576px;
  283. $screen-md: 768px;
  284. $screen-md-min: 768px;
  285. $screen-lg: 992px;
  286. $screen-lg-min: 992px;
  287. $screen-xl: 1200px;
  288. $screen-xl-min: 1200px;
  289. $screen-xxl: 1600px;
  290. $screen-xxl-min: 1600px;
  291. $screen-xs-max: 575px;
  292. $screen-sm-max: 767px;
  293. $screen-md-max: 991px;
  294. $screen-lg-max: 1199px;
  295. $screen-xl-max: 1599px;
  296. $grid-columns: 24;
  297. $grid-gutter-width: 0;
  298. $layout-body-background: #f0f2f5;
  299. $layout-header-background: #001529;
  300. $layout-footer-background: #f0f2f5;
  301. $layout-header-height: 64px;
  302. $layout-header-padding: 0 50px;
  303. $layout-footer-padding: 24px 50px;
  304. $layout-sider-background: #001529;
  305. $layout-trigger-height: 48px;
  306. $layout-trigger-background: #002140;
  307. $layout-trigger-color: #fff;
  308. $layout-zero-trigger-width: 36px;
  309. $layout-zero-trigger-height: 42px;
  310. $layout-sider-background-light: #fff;
  311. $layout-trigger-background-light: #fff;
  312. $layout-trigger-color-light: rgba(0, 0, 0, 0.65);
  313. $zindex-badge: auto;
  314. $zindex-table-fixed: auto;
  315. $zindex-affix: 10;
  316. $zindex-back-top: 10;
  317. $zindex-picker-panel: 10;
  318. $zindex-popup-close: 10;
  319. $zindex-modal: 1000;
  320. $zindex-modal-mask: 1000;
  321. $zindex-message: 1010;
  322. $zindex-notification: 1010;
  323. $zindex-popover: 1030;
  324. $zindex-dropdown: 1050;
  325. $zindex-picker: 1050;
  326. $zindex-tooltip: 1060;
  327. $animation-duration-slow: 0.3s;
  328. $animation-duration-base: 0.2s;
  329. $animation-duration-fast: 0.1s;
  330. $collapse-panel-border-radius: 4px;
  331. $dropdown-vertical-padding: 5px;
  332. $dropdown-edge-child-vertical-padding: 4px;
  333. $dropdown-font-size: 16px;
  334. $dropdown-line-height: 22px;
  335. $label-required-color: #f5222d;
  336. $label-color: rgba(0, 0, 0, 0.85);
  337. $form-warning-input-bg: #fff;
  338. $form-item-margin-bottom: 24px;
  339. $form-item-trailing-colon: true;
  340. $form-vertical-label-padding: 0 0 8px;
  341. $form-vertical-label-margin: 0;
  342. $form-item-label-colon-margin-right: 8px;
  343. $form-item-label-colon-margin-left: 2px;
  344. $form-error-input-bg: #fff;
  345. $input-height-base: 32px;
  346. $input-height-lg: 40px;
  347. $input-height-sm: 24px;
  348. $input-padding-horizontal: 11px;
  349. $input-padding-horizontal-base: 11px;
  350. $input-padding-horizontal-sm: 7px;
  351. $input-padding-horizontal-lg: 11px;
  352. $input-padding-vertical-base: 4px;
  353. $input-padding-vertical-sm: 1px;
  354. $input-padding-vertical-lg: 6px;
  355. $input-placeholder-color: #bfbfbf;
  356. $input-color: rgba(0, 0, 0, 0.65);
  357. $input-border-color: #d9d9d9;
  358. $input-bg: #fff;
  359. $input-number-hover-border-color: #40a9ff;
  360. $input-number-handler-active-bg: #f4f4f4;
  361. $input-number-handler-hover-bg: #40a9ff;
  362. $input-number-handler-bg: #fff;
  363. $input-number-handler-border-color: #d9d9d9;
  364. $input-addon-bg: #fafafa;
  365. $input-hover-border-color: #40a9ff;
  366. $input-disabled-bg: #f5f5f5;
  367. $input-outline-offset: 0 0;
  368. $select-border-color: #d9d9d9;
  369. $select-item-selected-color: rgba(0, 0, 0, 0.65);
  370. $select-item-selected-font-weight: 600;
  371. $select-dropdown-bg: #fff;
  372. $select-dropdown-vertical-padding: 5px;
  373. $select-dropdown-edge-child-vertical-padding: 4px;
  374. $select-dropdown-font-size: 16px;
  375. $select-dropdown-line-height: 22px;
  376. $select-item-selected-bg: #fafafa;
  377. $select-item-active-bg: #e6f7ff;
  378. $select-background: #fff;
  379. $cascader-dropdown-vertical-padding: 5px;
  380. $cascader-dropdown-edge-child-vertical-padding: 4px;
  381. $cascader-dropdown-font-size: 16px;
  382. $cascader-dropdown-line-height: 22px;
  383. $anchor-border-color: #e8e8e8;
  384. $tooltip-max-width: 250px;
  385. $tooltip-color: #fff;
  386. $tooltip-bg: rgba(0, 0, 0, 0.75);
  387. $tooltip-arrow-width: 5px;
  388. $tooltip-distance: 8px;
  389. $tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  390. $popover-bg: #fff;
  391. $popover-color: rgba(0, 0, 0, 0.65);
  392. $popover-min-width: 177px;
  393. $popover-arrow-width: 6px;
  394. $popover-arrow-color: #fff;
  395. $popover-arrow-outer-color: #fff;
  396. $popover-distance: 10px;
  397. $modal-body-padding: 24px;
  398. $modal-header-bg: #fff;
  399. $modal-header-border-color-split: #e8e8e8;
  400. $modal-heading-color: rgba(0, 0, 0, 0.85);
  401. $modal-footer-bg: transparent;
  402. $modal-footer-border-color-split: #e8e8e8;
  403. $modal-mask-bg: rgba(0, 0, 0, 0.45);
  404. $progress-default-color: #1890ff;
  405. $progress-remaining-color: #f5f5f5;
  406. $progress-text-color: rgba(0, 0, 0, 0.65);
  407. $progress-radius: 100px;
  408. $menu-inline-toplevel-item-height: 40px;
  409. $menu-item-height: 40px;
  410. $menu-collapsed-width: 80px;
  411. $menu-bg: #fff;
  412. $menu-popup-bg: #fff;
  413. $menu-item-color: rgba(0, 0, 0, 0.65);
  414. $menu-highlight-color: #1890FF;
  415. $menu-item-active-bg: #e6f7ff;
  416. $menu-item-active-border-width: 3px;
  417. $menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  418. $menu-icon-size: 16px;
  419. $menu-icon-size-lg: 18px;
  420. $menu-item-vertical-margin: 4px;
  421. $menu-item-font-size: 16px;
  422. $menu-item-boundary-margin: 8px;
  423. $menu-dark-color: rgba(255, 255, 255, 0.65);
  424. $menu-dark-bg: #001529;
  425. $menu-dark-arrow-color: #fff;
  426. $menu-dark-submenu-bg: #000c17;
  427. $menu-dark-highlight-color: #fff;
  428. $menu-dark-item-active-bg: #1890FF;
  429. $menu-dark-selected-item-icon-color: #fff;
  430. $menu-dark-selected-item-text-color: #fff;
  431. $menu-dark-item-hover-bg: transparent;
  432. $spin-dot-size-sm: 14px;
  433. $spin-dot-size: 20px;
  434. $spin-dot-size-lg: 32px;
  435. $table-header-bg: #fafafa;
  436. $table-header-color: rgba(0, 0, 0, 0.85);
  437. $table-header-sort-bg: #f5f5f5;
  438. $table-body-sort-bg: rgba(0, 0, 0, 0.01);
  439. $table-row-hover-bg: #e6f7ff;
  440. $table-selected-row-color: inherit;
  441. $table-selected-row-bg: #fafafa;
  442. $table-body-selected-sort-bg: #fafafa;
  443. $table-selected-row-hover-bg: #fafafa;
  444. $table-expanded-row-bg: #fbfbfb;
  445. $table-padding-vertical: 16px;
  446. $table-padding-horizontal: 16px;
  447. $table-border-radius-base: 4px;
  448. $table-footer-bg: #fafafa;
  449. $table-footer-color: rgba(0, 0, 0, 0.85);
  450. $table-header-bg-sm: transparent;
  451. $tag-default-bg: #fafafa;
  452. $tag-default-color: rgba(0, 0, 0, 0.65);
  453. $tag-font-size: 12px;
  454. $time-picker-panel-column-width: 56px;
  455. $time-picker-panel-width: 168px;
  456. $time-picker-selected-bg: #f5f5f5;
  457. $carousel-dot-width: 16px;
  458. $carousel-dot-height: 3px;
  459. $carousel-dot-active-width: 24px;
  460. $badge-height: 20px;
  461. $badge-dot-size: 6px;
  462. $badge-font-size: 12px;
  463. $badge-font-weight: normal;
  464. $badge-status-size: 6px;
  465. $badge-text-color: #fff;
  466. $rate-star-color: #fadb14;
  467. $rate-star-bg: #e8e8e8;
  468. $card-head-color: rgba(0, 0, 0, 0.85);
  469. $card-head-background: transparent;
  470. $card-head-padding: 16px;
  471. $card-inner-head-padding: 12px;
  472. $card-padding-base: 24px;
  473. $card-actions-background: #fafafa;
  474. $card-skeleton-bg: #cfd8dc;
  475. $card-background: #fff;
  476. $card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  477. $card-radius: 2px;
  478. $comment-padding-base: 16px 0;
  479. $comment-nest-indent: 44px;
  480. $comment-font-size-base: 16px;
  481. $comment-font-size-sm: 12px;
  482. $comment-author-name-color: rgba(0, 0, 0, 0.45);
  483. $comment-author-time-color: #ccc;
  484. $comment-action-color: rgba(0, 0, 0, 0.45);
  485. $comment-action-hover-color: #595959;
  486. $tabs-card-head-background: #fafafa;
  487. $tabs-card-height: 40px;
  488. $tabs-card-active-color: #1890FF;
  489. $tabs-title-font-size: 16px;
  490. $tabs-title-font-size-lg: 18px;
  491. $tabs-title-font-size-sm: 16px;
  492. $tabs-ink-bar-color: #1890FF;
  493. $tabs-bar-margin: 0 0 16px 0;
  494. $tabs-horizontal-margin: 0 32px 0 0;
  495. $tabs-horizontal-padding: 12px 16px;
  496. $tabs-horizontal-padding-lg: 16px;
  497. $tabs-horizontal-padding-sm: 8px 16px;
  498. $tabs-vertical-padding: 8px 24px;
  499. $tabs-vertical-margin: 0 0 16px 0;
  500. $tabs-scrolling-size: 32px;
  501. $tabs-highlight-color: #1890FF;
  502. $tabs-hover-color: #40a9ff;
  503. $tabs-active-color: #0162EB;
  504. $tabs-card-gutter: 2px;
  505. $tabs-card-tab-active-border-top: 2px solid transparent;
  506. $back-top-color: #fff;
  507. $back-top-bg: rgba(0, 0, 0, 0.45);
  508. $back-top-hover-bg: rgba(0, 0, 0, 0.65);
  509. $avatar-size-base: 32px;
  510. $avatar-size-lg: 40px;
  511. $avatar-size-sm: 24px;
  512. $avatar-font-size-base: 18px;
  513. $avatar-font-size-lg: 24px;
  514. $avatar-font-size-sm: 14px;
  515. $avatar-bg: #ccc;
  516. $avatar-color: #fff;
  517. $avatar-border-radius: 4px;
  518. $switch-height: 22px;
  519. $switch-sm-height: 16px;
  520. $switch-sm-checked-margin-left: -13px;
  521. $switch-disabled-opacity: 0.4;
  522. $switch-color: #1890FF;
  523. $switch-shadow-color: rgba(0, 35, 11, 0.2);
  524. $pagination-item-size: 32px;
  525. $pagination-item-size-sm: 24px;
  526. $pagination-font-family: Arial;
  527. $pagination-font-weight-active: 500;
  528. $pagination-item-bg-active: #fff;
  529. $page-header-padding: 24px;
  530. $page-header-padding-vertical: 16px;
  531. $page-header-padding-breadcrumb: 12px;
  532. $page-header-back-color: #000;
  533. $breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  534. $breadcrumb-last-item-color: rgba(0, 0, 0, 0.65);
  535. $breadcrumb-font-size: 16px;
  536. $breadcrumb-icon-font-size: 16px;
  537. $breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  538. $breadcrumb-link-color-hover: #40a9ff;
  539. $breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  540. $breadcrumb-separator-margin: 0 8px;
  541. $slider-margin: 14px 6px 10px;
  542. $slider-rail-background-color: #f5f5f5;
  543. $slider-rail-background-color-hover: #e1e1e1;
  544. $slider-track-background-color: #91d5ff;
  545. $slider-track-background-color-hover: #69c0ff;
  546. $slider-handle-border-width: 2px;
  547. $slider-handle-background-color: #fff;
  548. $slider-handle-color: #91d5ff;
  549. $slider-handle-color-hover: #69c0ff;
  550. $slider-handle-color-focus: #46a6ff;
  551. $slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.2);
  552. $slider-handle-color-tooltip-open: #1890FF;
  553. $slider-handle-shadow: 0;
  554. $slider-dot-border-color: #e8e8e8;
  555. $slider-dot-border-color-active: #8cc8ff;
  556. $slider-disabled-color: rgba(0, 0, 0, 0.25);
  557. $slider-disabled-background-color: #fff;
  558. $tree-title-height: 24px;
  559. $tree-child-padding: 18px;
  560. $tree-directory-selected-color: #fff;
  561. $tree-directory-selected-bg: #1890FF;
  562. $tree-node-hover-bg: #e6f7ff;
  563. $tree-node-selected-bg: #bae7ff;
  564. $collapse-header-padding: 12px 16px;
  565. $collapse-header-padding-extra: 40px;
  566. $collapse-header-bg: #fafafa;
  567. $collapse-content-padding: 16px;
  568. $collapse-content-bg: #fff;
  569. $skeleton-color: #f2f2f2;
  570. $transfer-header-height: 40px;
  571. $transfer-disabled-bg: #f5f5f5;
  572. $transfer-list-height: 200px;
  573. $message-notice-content-padding: 10px 16px;
  574. $wave-animation-width: 6px;
  575. $alert-success-border-color: #b7eb8f;
  576. $alert-success-bg-color: #f6ffed;
  577. $alert-success-icon-color: #52c41a;
  578. $alert-info-border-color: #91d5ff;
  579. $alert-info-bg-color: #e6f7ff;
  580. $alert-info-icon-color: #1890ff;
  581. $alert-warning-border-color: #ffe58f;
  582. $alert-warning-bg-color: #fffbe6;
  583. $alert-warning-icon-color: #faad14;
  584. $alert-error-border-color: #ffa89e;
  585. $alert-error-bg-color: #fff2f0;
  586. $alert-error-icon-color: #E02020;
  587. $list-header-background: transparent;
  588. $list-footer-background: transparent;
  589. $list-empty-text-padding: 16px;
  590. $list-item-padding: 12px 0;
  591. $list-item-meta-margin-bottom: 16px;
  592. $list-item-meta-avatar-margin-right: 16px;
  593. $list-item-meta-title-margin-bottom: 12px;
  594. $statistic-title-font-size: 16px;
  595. $statistic-content-font-size: 24px;
  596. $statistic-unit-font-size: 16px;
  597. $statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  598. $drawer-header-padding: 16px 24px;
  599. $drawer-body-padding: 24px;
  600. $timeline-width: 2px;
  601. $timeline-color: #e8e8e8;
  602. $timeline-dot-border-width: 2px;
  603. $timeline-dot-color: #1890FF;
  604. $timeline-dot-bg: #fff;
  605. $typography-title-font-weight: 600;
  606. $typography-title-margin-top: 1.2em;
  607. $typography-title-margin-bottom: 0.5em;