default-theme.js 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913
  1. module.exports = {
  2. "blue-base": "#1890ff",
  3. "blue-1": "color(~`colorPalette('@{blue-6}', 1) `)",
  4. "blue-2": "color(~`colorPalette('@{blue-6}', 2) `)",
  5. "blue-3": "color(~`colorPalette('@{blue-6}', 3) `)",
  6. "blue-4": "color(~`colorPalette('@{blue-6}', 4) `)",
  7. "blue-5": "color(~`colorPalette('@{blue-6}', 5) `)",
  8. "blue-6": "@blue-base",
  9. "blue-7": "color(~`colorPalette('@{blue-6}', 7) `)",
  10. "blue-8": "color(~`colorPalette('@{blue-6}', 8) `)",
  11. "blue-9": "color(~`colorPalette('@{blue-6}', 9) `)",
  12. "blue-10": "color(~`colorPalette('@{blue-6}', 10) `)",
  13. "purple-base": "#722ed1",
  14. "purple-1": "color(~`colorPalette('@{purple-6}', 1) `)",
  15. "purple-2": "color(~`colorPalette('@{purple-6}', 2) `)",
  16. "purple-3": "color(~`colorPalette('@{purple-6}', 3) `)",
  17. "purple-4": "color(~`colorPalette('@{purple-6}', 4) `)",
  18. "purple-5": "color(~`colorPalette('@{purple-6}', 5) `)",
  19. "purple-6": "@purple-base",
  20. "purple-7": "color(~`colorPalette('@{purple-6}', 7) `)",
  21. "purple-8": "color(~`colorPalette('@{purple-6}', 8) `)",
  22. "purple-9": "color(~`colorPalette('@{purple-6}', 9) `)",
  23. "purple-10": "color(~`colorPalette('@{purple-6}', 10) `)",
  24. "cyan-base": "#13c2c2",
  25. "cyan-1": "color(~`colorPalette('@{cyan-6}', 1) `)",
  26. "cyan-2": "color(~`colorPalette('@{cyan-6}', 2) `)",
  27. "cyan-3": "color(~`colorPalette('@{cyan-6}', 3) `)",
  28. "cyan-4": "color(~`colorPalette('@{cyan-6}', 4) `)",
  29. "cyan-5": "color(~`colorPalette('@{cyan-6}', 5) `)",
  30. "cyan-6": "@cyan-base",
  31. "cyan-7": "color(~`colorPalette('@{cyan-6}', 7) `)",
  32. "cyan-8": "color(~`colorPalette('@{cyan-6}', 8) `)",
  33. "cyan-9": "color(~`colorPalette('@{cyan-6}', 9) `)",
  34. "cyan-10": "color(~`colorPalette('@{cyan-6}', 10) `)",
  35. "green-base": "#52c41a",
  36. "green-1": "color(~`colorPalette('@{green-6}', 1) `)",
  37. "green-2": "color(~`colorPalette('@{green-6}', 2) `)",
  38. "green-3": "color(~`colorPalette('@{green-6}', 3) `)",
  39. "green-4": "color(~`colorPalette('@{green-6}', 4) `)",
  40. "green-5": "color(~`colorPalette('@{green-6}', 5) `)",
  41. "green-6": "@green-base",
  42. "green-7": "color(~`colorPalette('@{green-6}', 7) `)",
  43. "green-8": "color(~`colorPalette('@{green-6}', 8) `)",
  44. "green-9": "color(~`colorPalette('@{green-6}', 9) `)",
  45. "green-10": "color(~`colorPalette('@{green-6}', 10) `)",
  46. "magenta-base": "#eb2f96",
  47. "magenta-1": "color(~`colorPalette('@{magenta-6}', 1) `)",
  48. "magenta-2": "color(~`colorPalette('@{magenta-6}', 2) `)",
  49. "magenta-3": "color(~`colorPalette('@{magenta-6}', 3) `)",
  50. "magenta-4": "color(~`colorPalette('@{magenta-6}', 4) `)",
  51. "magenta-5": "color(~`colorPalette('@{magenta-6}', 5) `)",
  52. "magenta-6": "@magenta-base",
  53. "magenta-7": "color(~`colorPalette('@{magenta-6}', 7) `)",
  54. "magenta-8": "color(~`colorPalette('@{magenta-6}', 8) `)",
  55. "magenta-9": "color(~`colorPalette('@{magenta-6}', 9) `)",
  56. "magenta-10": "color(~`colorPalette('@{magenta-6}', 10) `)",
  57. "pink-base": "#eb2f96",
  58. "pink-1": "color(~`colorPalette('@{pink-6}', 1) `)",
  59. "pink-2": "color(~`colorPalette('@{pink-6}', 2) `)",
  60. "pink-3": "color(~`colorPalette('@{pink-6}', 3) `)",
  61. "pink-4": "color(~`colorPalette('@{pink-6}', 4) `)",
  62. "pink-5": "color(~`colorPalette('@{pink-6}', 5) `)",
  63. "pink-6": "@pink-base",
  64. "pink-7": "color(~`colorPalette('@{pink-6}', 7) `)",
  65. "pink-8": "color(~`colorPalette('@{pink-6}', 8) `)",
  66. "pink-9": "color(~`colorPalette('@{pink-6}', 9) `)",
  67. "pink-10": "color(~`colorPalette('@{pink-6}', 10) `)",
  68. "red-base": "#f5222d",
  69. "red-1": "color(~`colorPalette('@{red-6}', 1) `)",
  70. "red-2": "color(~`colorPalette('@{red-6}', 2) `)",
  71. "red-3": "color(~`colorPalette('@{red-6}', 3) `)",
  72. "red-4": "color(~`colorPalette('@{red-6}', 4) `)",
  73. "red-5": "color(~`colorPalette('@{red-6}', 5) `)",
  74. "red-6": "@red-base",
  75. "red-7": "color(~`colorPalette('@{red-6}', 7) `)",
  76. "red-8": "color(~`colorPalette('@{red-6}', 8) `)",
  77. "red-9": "color(~`colorPalette('@{red-6}', 9) `)",
  78. "red-10": "color(~`colorPalette('@{red-6}', 10) `)",
  79. "orange-base": "#fa8c16",
  80. "orange-1": "color(~`colorPalette('@{orange-6}', 1) `)",
  81. "orange-2": "color(~`colorPalette('@{orange-6}', 2) `)",
  82. "orange-3": "color(~`colorPalette('@{orange-6}', 3) `)",
  83. "orange-4": "color(~`colorPalette('@{orange-6}', 4) `)",
  84. "orange-5": "color(~`colorPalette('@{orange-6}', 5) `)",
  85. "orange-6": "@orange-base",
  86. "orange-7": "color(~`colorPalette('@{orange-6}', 7) `)",
  87. "orange-8": "color(~`colorPalette('@{orange-6}', 8) `)",
  88. "orange-9": "color(~`colorPalette('@{orange-6}', 9) `)",
  89. "orange-10": "color(~`colorPalette('@{orange-6}', 10) `)",
  90. "yellow-base": "#fadb14",
  91. "yellow-1": "color(~`colorPalette('@{yellow-6}', 1) `)",
  92. "yellow-2": "color(~`colorPalette('@{yellow-6}', 2) `)",
  93. "yellow-3": "color(~`colorPalette('@{yellow-6}', 3) `)",
  94. "yellow-4": "color(~`colorPalette('@{yellow-6}', 4) `)",
  95. "yellow-5": "color(~`colorPalette('@{yellow-6}', 5) `)",
  96. "yellow-6": "@yellow-base",
  97. "yellow-7": "color(~`colorPalette('@{yellow-6}', 7) `)",
  98. "yellow-8": "color(~`colorPalette('@{yellow-6}', 8) `)",
  99. "yellow-9": "color(~`colorPalette('@{yellow-6}', 9) `)",
  100. "yellow-10": "color(~`colorPalette('@{yellow-6}', 10) `)",
  101. "volcano-base": "#fa541c",
  102. "volcano-1": "color(~`colorPalette('@{volcano-6}', 1) `)",
  103. "volcano-2": "color(~`colorPalette('@{volcano-6}', 2) `)",
  104. "volcano-3": "color(~`colorPalette('@{volcano-6}', 3) `)",
  105. "volcano-4": "color(~`colorPalette('@{volcano-6}', 4) `)",
  106. "volcano-5": "color(~`colorPalette('@{volcano-6}', 5) `)",
  107. "volcano-6": "@volcano-base",
  108. "volcano-7": "color(~`colorPalette('@{volcano-6}', 7) `)",
  109. "volcano-8": "color(~`colorPalette('@{volcano-6}', 8) `)",
  110. "volcano-9": "color(~`colorPalette('@{volcano-6}', 9) `)",
  111. "volcano-10": "color(~`colorPalette('@{volcano-6}', 10) `)",
  112. "geekblue-base": "#2f54eb",
  113. "geekblue-1": "color(~`colorPalette('@{geekblue-6}', 1) `)",
  114. "geekblue-2": "color(~`colorPalette('@{geekblue-6}', 2) `)",
  115. "geekblue-3": "color(~`colorPalette('@{geekblue-6}', 3) `)",
  116. "geekblue-4": "color(~`colorPalette('@{geekblue-6}', 4) `)",
  117. "geekblue-5": "color(~`colorPalette('@{geekblue-6}', 5) `)",
  118. "geekblue-6": "@geekblue-base",
  119. "geekblue-7": "color(~`colorPalette('@{geekblue-6}', 7) `)",
  120. "geekblue-8": "color(~`colorPalette('@{geekblue-6}', 8) `)",
  121. "geekblue-9": "color(~`colorPalette('@{geekblue-6}', 9) `)",
  122. "geekblue-10": "color(~`colorPalette('@{geekblue-6}', 10) `)",
  123. "lime-base": "#a0d911",
  124. "lime-1": "color(~`colorPalette('@{lime-6}', 1) `)",
  125. "lime-2": "color(~`colorPalette('@{lime-6}', 2) `)",
  126. "lime-3": "color(~`colorPalette('@{lime-6}', 3) `)",
  127. "lime-4": "color(~`colorPalette('@{lime-6}', 4) `)",
  128. "lime-5": "color(~`colorPalette('@{lime-6}', 5) `)",
  129. "lime-6": "@lime-base",
  130. "lime-7": "color(~`colorPalette('@{lime-6}', 7) `)",
  131. "lime-8": "color(~`colorPalette('@{lime-6}', 8) `)",
  132. "lime-9": "color(~`colorPalette('@{lime-6}', 9) `)",
  133. "lime-10": "color(~`colorPalette('@{lime-6}', 10) `)",
  134. "gold-base": "#faad14",
  135. "gold-1": "color(~`colorPalette('@{gold-6}', 1) `)",
  136. "gold-2": "color(~`colorPalette('@{gold-6}', 2) `)",
  137. "gold-3": "color(~`colorPalette('@{gold-6}', 3) `)",
  138. "gold-4": "color(~`colorPalette('@{gold-6}', 4) `)",
  139. "gold-5": "color(~`colorPalette('@{gold-6}', 5) `)",
  140. "gold-6": "@gold-base",
  141. "gold-7": "color(~`colorPalette('@{gold-6}', 7) `)",
  142. "gold-8": "color(~`colorPalette('@{gold-6}', 8) `)",
  143. "gold-9": "color(~`colorPalette('@{gold-6}', 9) `)",
  144. "gold-10": "color(~`colorPalette('@{gold-6}', 10) `)",
  145. "preset-colors": "pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,\n purple",
  146. "theme": "default",
  147. "ant-prefix": "ant",
  148. "html-selector": "html",
  149. "primary-color": "@blue-6",
  150. "primary-color-hover": "color(~`colorPalette('@{primary-color}', 5) `)",
  151. "primary-color-active": "color(~`colorPalette('@{primary-color}', 7) `)",
  152. "primary-color-outline": "fade(@primary-color, @outline-fade)",
  153. "processing-color": "@blue-6",
  154. "info-color": "@primary-color",
  155. "info-color-deprecated-bg": "color(~`colorPalette('@{info-color}', 1) `)",
  156. "info-color-deprecated-border": "color(~`colorPalette('@{info-color}', 3) `)",
  157. "success-color": "@green-6",
  158. "success-color-hover": "color(~`colorPalette('@{success-color}', 5) `)",
  159. "success-color-active": "color(~`colorPalette('@{success-color}', 7) `)",
  160. "success-color-outline": "fade(@success-color, @outline-fade)",
  161. "success-color-deprecated-bg": "color(~`colorPalette('@{success-color}', 1) `)",
  162. "success-color-deprecated-border": "color(~`colorPalette('@{success-color}', 3) `)",
  163. "warning-color": "@gold-6",
  164. "warning-color-hover": "color(~`colorPalette('@{warning-color}', 5) `)",
  165. "warning-color-active": "color(~`colorPalette('@{warning-color}', 7) `)",
  166. "warning-color-outline": "fade(@warning-color, @outline-fade)",
  167. "warning-color-deprecated-bg": "color(~`colorPalette('@{warning-color}', 1) `)",
  168. "warning-color-deprecated-border": "color(~`colorPalette('@{warning-color}', 3) `)",
  169. "error-color": "@red-5",
  170. "error-color-hover": "color(~`colorPalette('@{error-color}', 5) `)",
  171. "error-color-active": "color(~`colorPalette('@{error-color}', 7) `)",
  172. "error-color-outline": "fade(@error-color, @outline-fade)",
  173. "error-color-deprecated-bg": "color(~`colorPalette('@{error-color}', 1) `)",
  174. "error-color-deprecated-border": "color(~`colorPalette('@{error-color}', 3) `)",
  175. "highlight-color": "@red-5",
  176. "normal-color": "#d9d9d9",
  177. "white": "#fff",
  178. "black": "#000",
  179. "primary-1": "color(~`colorPalette('@{primary-color}', 1) `)",
  180. "primary-2": "color(~`colorPalette('@{primary-color}', 2) `)",
  181. "primary-3": "color(~`colorPalette('@{primary-color}', 3) `)",
  182. "primary-4": "color(~`colorPalette('@{primary-color}', 4) `)",
  183. "primary-5": "color(\n ~`colorPalette('@{primary-color}', 5) `\n)",
  184. "primary-6": "@primary-color",
  185. "primary-7": "color(~`colorPalette('@{primary-color}', 7) `)",
  186. "primary-8": "color(~`colorPalette('@{primary-color}', 8) `)",
  187. "primary-9": "color(~`colorPalette('@{primary-color}', 9) `)",
  188. "primary-10": "color(~`colorPalette('@{primary-color}', 10) `)",
  189. "body-background": "#fff",
  190. "component-background": "#fff",
  191. "popover-background": "@component-background",
  192. "popover-customize-border-color": "@border-color-split",
  193. "font-family": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji'",
  194. "code-family": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
  195. "text-color": "fade(@black, 85%)",
  196. "text-color-secondary": "fade(@black, 45%)",
  197. "text-color-inverse": "@white",
  198. "icon-color": "inherit",
  199. "icon-color-hover": "fade(@black, 75%)",
  200. "heading-color": "fade(@black, 85%)",
  201. "text-color-dark": "fade(@white, 85%)",
  202. "text-color-secondary-dark": "fade(@white, 65%)",
  203. "text-selection-bg": "@primary-color",
  204. "font-variant-base": "tabular-nums",
  205. "font-feature-settings-base": "tnum",
  206. "font-size-base": "14px",
  207. "font-size-lg": "@font-size-base + 2px",
  208. "font-size-sm": "12px",
  209. "heading-1-size": "ceil(@font-size-base * 2.71)",
  210. "heading-2-size": "ceil(@font-size-base * 2.14)",
  211. "heading-3-size": "ceil(@font-size-base * 1.71)",
  212. "heading-4-size": "ceil(@font-size-base * 1.42)",
  213. "heading-5-size": "ceil(@font-size-base * 1.14)",
  214. "line-height-base": "1.5715",
  215. "border-radius-base": "2px",
  216. "border-radius-sm": "@border-radius-base",
  217. "padding-lg": "24px",
  218. "padding-md": "16px",
  219. "padding-sm": "12px",
  220. "padding-xs": "8px",
  221. "padding-xss": "4px",
  222. "control-padding-horizontal": "@padding-sm",
  223. "control-padding-horizontal-sm": "@padding-xs",
  224. "margin-lg": "24px",
  225. "margin-md": "16px",
  226. "margin-sm": "12px",
  227. "margin-xs": "8px",
  228. "margin-xss": "4px",
  229. "height-base": "32px",
  230. "height-lg": "40px",
  231. "height-sm": "24px",
  232. "item-active-bg": "@primary-1",
  233. "item-hover-bg": "#f5f5f5",
  234. "iconfont-css-prefix": "anticon",
  235. "link-color": "@primary-color",
  236. "link-hover-color": "color(~`colorPalette('@{link-color}', 5) `)",
  237. "link-active-color": "color(~`colorPalette('@{link-color}', 7) `)",
  238. "link-decoration": "none",
  239. "link-hover-decoration": "none",
  240. "link-focus-decoration": "none",
  241. "link-focus-outline": "0",
  242. "ease-base-out": "cubic-bezier(0.7, 0.3, 0.1, 1)",
  243. "ease-base-in": "cubic-bezier(0.9, 0, 0.3, 0.7)",
  244. "ease-out": "cubic-bezier(0.215, 0.61, 0.355, 1)",
  245. "ease-in": "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
  246. "ease-in-out": "cubic-bezier(0.645, 0.045, 0.355, 1)",
  247. "ease-out-back": "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
  248. "ease-in-back": "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
  249. "ease-in-out-back": "cubic-bezier(0.71, -0.46, 0.29, 1.46)",
  250. "ease-out-circ": "cubic-bezier(0.08, 0.82, 0.17, 1)",
  251. "ease-in-circ": "cubic-bezier(0.6, 0.04, 0.98, 0.34)",
  252. "ease-in-out-circ": "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
  253. "ease-out-quint": "cubic-bezier(0.23, 1, 0.32, 1)",
  254. "ease-in-quint": "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
  255. "ease-in-out-quint": "cubic-bezier(0.86, 0, 0.07, 1)",
  256. "border-color-base": "hsv(0, 0, 85%)",
  257. "border-color-split": "hsv(0, 0, 94%)",
  258. "border-color-inverse": "@white",
  259. "border-width-base": "1px",
  260. "border-style-base": "solid",
  261. "outline-blur-size": "0",
  262. "outline-width": "2px",
  263. "outline-color": "@primary-color",
  264. "outline-fade": "20%",
  265. "background-color-light": "hsv(0, 0, 98%)",
  266. "background-color-base": "hsv(0, 0, 96%)",
  267. "disabled-color": "fade(#000, 25%)",
  268. "disabled-bg": "@background-color-base",
  269. "disabled-active-bg": "tint(@black, 90%)",
  270. "disabled-color-dark": "fade(#fff, 35%)",
  271. "shadow-color": "rgba(0, 0, 0, 0.15)",
  272. "shadow-color-inverse": "@component-background",
  273. "box-shadow-base": "@shadow-2",
  274. "shadow-1-up": "0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),\n 0 -12px 48px 16px rgba(0, 0, 0, 0.03)",
  275. "shadow-1-down": "0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),\n 0 12px 48px 16px rgba(0, 0, 0, 0.03)",
  276. "shadow-1-left": "-6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05),\n -12px 0 48px 16px rgba(0, 0, 0, 0.03)",
  277. "shadow-1-right": "6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),\n 12px 0 48px 16px rgba(0, 0, 0, 0.03)",
  278. "shadow-2": "0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)",
  279. "btn-font-weight": "400",
  280. "btn-border-radius-base": "@border-radius-base",
  281. "btn-border-radius-sm": "@border-radius-base",
  282. "btn-border-width": "@border-width-base",
  283. "btn-border-style": "@border-style-base",
  284. "btn-shadow": "0 2px 0 rgba(0, 0, 0, 0.015)",
  285. "btn-primary-shadow": "0 2px 0 rgba(0, 0, 0, 0.045)",
  286. "btn-text-shadow": "0 -1px 0 rgba(0, 0, 0, 0.12)",
  287. "btn-primary-color": "#fff",
  288. "btn-primary-bg": "@primary-color",
  289. "btn-default-color": "@text-color",
  290. "btn-default-bg": "@component-background",
  291. "btn-default-border": "@border-color-base",
  292. "btn-danger-color": "#fff",
  293. "btn-danger-bg": "@error-color",
  294. "btn-danger-border": "@error-color",
  295. "btn-disable-color": "@disabled-color",
  296. "btn-disable-bg": "@disabled-bg",
  297. "btn-disable-border": "@border-color-base",
  298. "btn-default-ghost-color": "@component-background",
  299. "btn-default-ghost-bg": "transparent",
  300. "btn-default-ghost-border": "@component-background",
  301. "btn-font-size-lg": "@font-size-lg",
  302. "btn-font-size-sm": "@font-size-base",
  303. "btn-padding-horizontal-base": "@padding-md - 1px",
  304. "btn-padding-horizontal-lg": "@btn-padding-horizontal-base",
  305. "btn-padding-horizontal-sm": "@padding-xs - 1px",
  306. "btn-height-base": "@height-base",
  307. "btn-height-lg": "@height-lg",
  308. "btn-height-sm": "@height-sm",
  309. "btn-line-height": "@line-height-base",
  310. "btn-circle-size": "@btn-height-base",
  311. "btn-circle-size-lg": "@btn-height-lg",
  312. "btn-circle-size-sm": "@btn-height-sm",
  313. "btn-square-size": "@btn-height-base",
  314. "btn-square-size-lg": "@btn-height-lg",
  315. "btn-square-size-sm": "@btn-height-sm",
  316. "btn-square-only-icon-size": "@font-size-base + 2px",
  317. "btn-square-only-icon-size-sm": "@font-size-base",
  318. "btn-square-only-icon-size-lg": "@btn-font-size-lg + 2px",
  319. "btn-group-border": "@primary-5",
  320. "btn-link-hover-bg": "transparent",
  321. "btn-text-hover-bg": "rgba(0, 0, 0, 0.018)",
  322. "checkbox-size": "16px",
  323. "checkbox-color": "@primary-color",
  324. "checkbox-check-color": "#fff",
  325. "checkbox-check-bg": "@checkbox-check-color",
  326. "checkbox-border-width": "@border-width-base",
  327. "checkbox-border-radius": "@border-radius-base",
  328. "checkbox-group-item-margin-right": "8px",
  329. "descriptions-bg": "#fafafa",
  330. "descriptions-title-margin-bottom": "20px",
  331. "descriptions-default-padding": "@padding-md @padding-lg",
  332. "descriptions-middle-padding": "@padding-sm @padding-lg",
  333. "descriptions-small-padding": "@padding-xs @padding-md",
  334. "descriptions-item-padding-bottom": "@padding-md",
  335. "descriptions-item-trailing-colon": "true",
  336. "descriptions-item-label-colon-margin-right": "8px",
  337. "descriptions-item-label-colon-margin-left": "2px",
  338. "descriptions-extra-color": "@text-color",
  339. "divider-text-padding": "1em",
  340. "divider-orientation-margin": "5%",
  341. "divider-color": "rgba(0, 0, 0, 6%)",
  342. "divider-vertical-gutter": "8px",
  343. "dropdown-selected-color": "@primary-color",
  344. "dropdown-menu-submenu-disabled-bg": "@component-background",
  345. "dropdown-selected-bg": "@item-active-bg",
  346. "empty-font-size": "@font-size-base",
  347. "radio-size": "16px",
  348. "radio-top": "0.2em",
  349. "radio-border-width": "1px",
  350. "radio-dot-size": "@radio-size - 8px",
  351. "radio-dot-color": "@primary-color",
  352. "radio-dot-disabled-color": "fade(@black, 20%)",
  353. "radio-solid-checked-color": "@component-background",
  354. "radio-button-bg": "@btn-default-bg",
  355. "radio-button-checked-bg": "@btn-default-bg",
  356. "radio-button-color": "@btn-default-color",
  357. "radio-button-hover-color": "@primary-5",
  358. "radio-button-active-color": "@primary-7",
  359. "radio-button-padding-horizontal": "@padding-md - 1px",
  360. "radio-disabled-button-checked-bg": "@disabled-active-bg",
  361. "radio-disabled-button-checked-color": "@disabled-color",
  362. "radio-wrapper-margin-right": "8px",
  363. "screen-xs": "480px",
  364. "screen-xs-min": "@screen-xs",
  365. "screen-sm": "576px",
  366. "screen-sm-min": "@screen-sm",
  367. "screen-md": "768px",
  368. "screen-md-min": "@screen-md",
  369. "screen-lg": "992px",
  370. "screen-lg-min": "@screen-lg",
  371. "screen-xl": "1200px",
  372. "screen-xl-min": "@screen-xl",
  373. "screen-xxl": "1600px",
  374. "screen-xxl-min": "@screen-xxl",
  375. "screen-xxxl": "2000px",
  376. "screen-xxxl-min": "@screen-xxxl",
  377. "screen-xs-max": "(@screen-sm-min - 1px)",
  378. "screen-sm-max": "(@screen-md-min - 1px)",
  379. "screen-md-max": "(@screen-lg-min - 1px)",
  380. "screen-lg-max": "(@screen-xl-min - 1px)",
  381. "screen-xl-max": "(@screen-xxl-min - 1px)",
  382. "screen-xxl-max": "(@screen-xxxl-min - 1px)",
  383. "grid-columns": "24",
  384. "layout-body-background": "#f0f2f5",
  385. "layout-header-background": "#001529",
  386. "layout-header-height": "64px",
  387. "layout-header-padding": "0 50px",
  388. "layout-header-color": "@text-color",
  389. "layout-footer-padding": "24px 50px",
  390. "layout-footer-background": "@layout-body-background",
  391. "layout-sider-background": "@layout-header-background",
  392. "layout-trigger-height": "48px",
  393. "layout-trigger-background": "#002140",
  394. "layout-trigger-color": "#fff",
  395. "layout-zero-trigger-width": "36px",
  396. "layout-zero-trigger-height": "42px",
  397. "layout-sider-background-light": "#fff",
  398. "layout-trigger-background-light": "#fff",
  399. "layout-trigger-color-light": "@text-color",
  400. "zindex-badge": "auto",
  401. "zindex-table-fixed": "2",
  402. "zindex-affix": "10",
  403. "zindex-back-top": "10",
  404. "zindex-picker-panel": "10",
  405. "zindex-popup-close": "10",
  406. "zindex-modal": "1000",
  407. "zindex-modal-mask": "1000",
  408. "zindex-message": "1010",
  409. "zindex-notification": "1010",
  410. "zindex-popover": "1030",
  411. "zindex-dropdown": "1050",
  412. "zindex-picker": "1050",
  413. "zindex-popoconfirm": "1060",
  414. "zindex-tooltip": "1070",
  415. "zindex-image": "1080",
  416. "animation-duration-slow": "0.3s",
  417. "animation-duration-base": "0.2s",
  418. "animation-duration-fast": "0.1s",
  419. "collapse-panel-border-radius": "@border-radius-base",
  420. "dropdown-menu-bg": "@component-background",
  421. "dropdown-vertical-padding": "5px",
  422. "dropdown-edge-child-vertical-padding": "4px",
  423. "dropdown-font-size": "@font-size-base",
  424. "dropdown-line-height": "22px",
  425. "label-required-color": "@highlight-color",
  426. "label-color": "@heading-color",
  427. "form-warning-input-bg": "@input-bg",
  428. "form-item-margin-bottom": "24px",
  429. "form-item-trailing-colon": "true",
  430. "form-vertical-label-padding": "0 0 8px",
  431. "form-vertical-label-margin": "0",
  432. "form-item-label-font-size": "@font-size-base",
  433. "form-item-label-height": "@input-height-base",
  434. "form-item-label-colon-margin-right": "8px",
  435. "form-item-label-colon-margin-left": "2px",
  436. "form-error-input-bg": "@input-bg",
  437. "input-height-base": "@height-base",
  438. "input-height-lg": "@height-lg",
  439. "input-height-sm": "@height-sm",
  440. "input-padding-horizontal": "@control-padding-horizontal - 1px",
  441. "input-padding-horizontal-base": "@input-padding-horizontal",
  442. "input-padding-horizontal-sm": "@control-padding-horizontal-sm - 1px",
  443. "input-padding-horizontal-lg": "@input-padding-horizontal",
  444. "input-padding-vertical-base": "max(\n (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -\n @border-width-base,\n 3px\n)",
  445. "input-padding-vertical-sm": "max(\n (round(((@input-height-sm - @font-size-base * @line-height-base) / 2) * 10) / 10) -\n @border-width-base,\n 0\n)",
  446. "input-padding-vertical-lg": "(\n ceil(((@input-height-lg - @font-size-lg * @line-height-base) / 2) * 10) / 10\n ) - @border-width-base",
  447. "input-placeholder-color": "hsv(0, 0, 75%)",
  448. "input-color": "@text-color",
  449. "input-icon-color": "@input-color",
  450. "input-border-color": "@border-color-base",
  451. "input-bg": "@component-background",
  452. "input-number-hover-border-color": "@input-hover-border-color",
  453. "input-number-handler-active-bg": "#f4f4f4",
  454. "input-number-handler-hover-bg": "@primary-5",
  455. "input-number-handler-bg": "@component-background",
  456. "input-number-handler-border-color": "@border-color-base",
  457. "input-addon-bg": "@background-color-light",
  458. "input-hover-border-color": "@primary-5",
  459. "input-disabled-bg": "@disabled-bg",
  460. "input-outline-offset": "0 0",
  461. "input-icon-hover-color": "fade(@black, 85%)",
  462. "input-disabled-color": "@disabled-color",
  463. "mentions-dropdown-bg": "@component-background",
  464. "mentions-dropdown-menu-item-hover-bg": "@mentions-dropdown-bg",
  465. "select-border-color": "@border-color-base",
  466. "select-item-selected-color": "@text-color",
  467. "select-item-selected-font-weight": "600",
  468. "select-dropdown-bg": "@component-background",
  469. "select-item-selected-bg": "@primary-1",
  470. "select-item-active-bg": "@item-hover-bg",
  471. "select-dropdown-vertical-padding": "@dropdown-vertical-padding",
  472. "select-dropdown-font-size": "@dropdown-font-size",
  473. "select-dropdown-line-height": "@dropdown-line-height",
  474. "select-dropdown-height": "32px",
  475. "select-background": "@component-background",
  476. "select-clear-background": "@select-background",
  477. "select-selection-item-bg": "@background-color-base",
  478. "select-selection-item-border-color": "@border-color-split",
  479. "select-single-item-height-lg": "40px",
  480. "select-multiple-item-height": "@input-height-base - @input-padding-vertical-base * 2",
  481. "select-multiple-item-height-lg": "32px",
  482. "select-multiple-item-spacing-half": "ceil((@input-padding-vertical-base / 2))",
  483. "select-multiple-disabled-background": "@input-disabled-bg",
  484. "select-multiple-item-disabled-color": "#bfbfbf",
  485. "select-multiple-item-disabled-border-color": "@select-border-color",
  486. "cascader-bg": "@component-background",
  487. "cascader-item-selected-bg": "@primary-1",
  488. "cascader-menu-bg": "@component-background",
  489. "cascader-menu-border-color-split": "@border-color-split",
  490. "cascader-dropdown-vertical-padding": "@dropdown-vertical-padding",
  491. "cascader-dropdown-edge-child-vertical-padding": "@dropdown-edge-child-vertical-padding",
  492. "cascader-dropdown-font-size": "@dropdown-font-size",
  493. "cascader-dropdown-line-height": "@dropdown-line-height",
  494. "anchor-bg": "transparent",
  495. "anchor-border-color": "@border-color-split",
  496. "anchor-link-top": "7px",
  497. "anchor-link-left": "16px",
  498. "anchor-link-padding": "@anchor-link-top 0 @anchor-link-top @anchor-link-left",
  499. "tooltip-max-width": "250px",
  500. "tooltip-color": "#fff",
  501. "tooltip-bg": "rgba(0, 0, 0, 0.75)",
  502. "tooltip-arrow-width": "5px",
  503. "tooltip-distance": "@tooltip-arrow-width - 1px + 4px",
  504. "tooltip-arrow-color": "@tooltip-bg",
  505. "popover-bg": "@component-background",
  506. "popover-color": "@text-color",
  507. "popover-min-width": "177px",
  508. "popover-min-height": "32px",
  509. "popover-arrow-width": "6px",
  510. "popover-arrow-color": "@popover-bg",
  511. "popover-arrow-outer-color": "@popover-bg",
  512. "popover-distance": "@popover-arrow-width + 4px",
  513. "popover-padding-horizontal": "@padding-md",
  514. "modal-header-padding-vertical": "@padding-md",
  515. "modal-header-padding-horizontal": "@padding-lg",
  516. "modal-body-padding": "@padding-lg",
  517. "modal-header-bg": "@component-background",
  518. "modal-header-padding": "@modal-header-padding-vertical @modal-header-padding-horizontal",
  519. "modal-header-border-width": "@border-width-base",
  520. "modal-header-border-style": "@border-style-base",
  521. "modal-header-title-line-height": "22px",
  522. "modal-header-title-font-size": "@font-size-lg",
  523. "modal-header-border-color-split": "@border-color-split",
  524. "modal-header-close-size": "56px",
  525. "modal-content-bg": "@component-background",
  526. "modal-heading-color": "@heading-color",
  527. "modal-close-color": "@text-color-secondary",
  528. "modal-footer-bg": "transparent",
  529. "modal-footer-border-color-split": "@border-color-split",
  530. "modal-footer-border-style": "@border-style-base",
  531. "modal-footer-padding-vertical": "10px",
  532. "modal-footer-padding-horizontal": "16px",
  533. "modal-footer-border-width": "@border-width-base",
  534. "modal-mask-bg": "fade(@black, 45%)",
  535. "modal-confirm-body-padding": "32px 32px 24px",
  536. "modal-confirm-title-font-size": "@font-size-lg",
  537. "progress-default-color": "@processing-color",
  538. "progress-remaining-color": "@background-color-base",
  539. "progress-info-text-color": "@progress-text-color",
  540. "progress-radius": "100px",
  541. "progress-steps-item-bg": "#f3f3f3",
  542. "progress-text-font-size": "1em",
  543. "progress-text-color": "@text-color",
  544. "progress-circle-text-font-size": "1em",
  545. "menu-inline-toplevel-item-height": "40px",
  546. "menu-item-height": "40px",
  547. "menu-item-group-height": "@line-height-base",
  548. "menu-collapsed-width": "80px",
  549. "menu-bg": "@component-background",
  550. "menu-popup-bg": "@component-background",
  551. "menu-item-color": "@text-color",
  552. "menu-inline-submenu-bg": "@background-color-light",
  553. "menu-highlight-color": "@primary-color",
  554. "menu-highlight-danger-color": "@error-color",
  555. "menu-item-active-bg": "@primary-1",
  556. "menu-item-active-danger-bg": "@red-1",
  557. "menu-item-active-border-width": "3px",
  558. "menu-item-group-title-color": "@text-color-secondary",
  559. "menu-item-vertical-margin": "4px",
  560. "menu-item-font-size": "@font-size-base",
  561. "menu-item-boundary-margin": "8px",
  562. "menu-item-padding-horizontal": "20px",
  563. "menu-item-padding": "0 @menu-item-padding-horizontal",
  564. "menu-horizontal-line-height": "46px",
  565. "menu-icon-margin-right": "10px",
  566. "menu-icon-size": "@menu-item-font-size",
  567. "menu-icon-size-lg": "@font-size-lg",
  568. "menu-item-group-title-font-size": "@menu-item-font-size",
  569. "menu-dark-color": "@text-color-secondary-dark",
  570. "menu-dark-danger-color": "@error-color",
  571. "menu-dark-bg": "@layout-header-background",
  572. "menu-dark-arrow-color": "#fff",
  573. "menu-dark-inline-submenu-bg": "#000c17",
  574. "menu-dark-highlight-color": "#fff",
  575. "menu-dark-item-active-bg": "@primary-color",
  576. "menu-dark-item-active-danger-bg": "@error-color",
  577. "menu-dark-selected-item-icon-color": "@white",
  578. "menu-dark-selected-item-text-color": "@white",
  579. "menu-dark-item-hover-bg": "transparent",
  580. "spin-dot-size-sm": "14px",
  581. "spin-dot-size": "20px",
  582. "spin-dot-size-lg": "32px",
  583. "table-bg": "@component-background",
  584. "table-header-bg": "@background-color-light",
  585. "table-header-color": "@heading-color",
  586. "table-header-sort-bg": "@background-color-base",
  587. "table-body-sort-bg": "#fafafa",
  588. "table-row-hover-bg": "@background-color-light",
  589. "table-selected-row-color": "inherit",
  590. "table-selected-row-bg": "@primary-1",
  591. "table-body-selected-sort-bg": "@table-selected-row-bg",
  592. "table-selected-row-hover-bg": "darken(@table-selected-row-bg, 2%)",
  593. "table-expanded-row-bg": "#fbfbfb",
  594. "table-padding-vertical": "16px",
  595. "table-padding-horizontal": "16px",
  596. "table-padding-vertical-md": "(@table-padding-vertical * 3 / 4)",
  597. "table-padding-horizontal-md": "(@table-padding-horizontal / 2)",
  598. "table-padding-vertical-sm": "(@table-padding-vertical / 2)",
  599. "table-padding-horizontal-sm": "(@table-padding-horizontal / 2)",
  600. "table-border-color": "@border-color-split",
  601. "table-border-radius-base": "@border-radius-base",
  602. "table-footer-bg": "@background-color-light",
  603. "table-footer-color": "@heading-color",
  604. "table-header-bg-sm": "@table-header-bg",
  605. "table-font-size": "@font-size-base",
  606. "table-font-size-md": "@table-font-size",
  607. "table-font-size-sm": "@table-font-size",
  608. "table-header-cell-split-color": "rgba(0, 0, 0, 0.06)",
  609. "table-header-sort-active-bg": "rgba(0, 0, 0, 0.04)",
  610. "table-fixed-header-sort-active-bg": "hsv(0, 0, 96%)",
  611. "table-header-filter-active-bg": "rgba(0, 0, 0, 0.04)",
  612. "table-filter-btns-bg": "inherit",
  613. "table-filter-dropdown-bg": "@component-background",
  614. "table-expand-icon-bg": "@component-background",
  615. "table-selection-column-width": "32px",
  616. "table-sticky-scroll-bar-bg": "fade(#000, 35%)",
  617. "table-sticky-scroll-bar-radius": "4px",
  618. "tag-default-bg": "@background-color-light",
  619. "tag-default-color": "@text-color",
  620. "tag-font-size": "@font-size-sm",
  621. "tag-line-height": "20px",
  622. "picker-bg": "@component-background",
  623. "picker-basic-cell-hover-color": "@item-hover-bg",
  624. "picker-basic-cell-active-with-range-color": "@primary-1",
  625. "picker-basic-cell-hover-with-range-color": "lighten(@primary-color, 35%)",
  626. "picker-basic-cell-disabled-bg": "rgba(0, 0, 0, 0.04)",
  627. "picker-border-color": "@border-color-split",
  628. "picker-date-hover-range-border-color": "lighten(@primary-color, 20%)",
  629. "picker-date-hover-range-color": "@picker-basic-cell-hover-with-range-color",
  630. "picker-time-panel-column-width": "56px",
  631. "picker-time-panel-column-height": "224px",
  632. "picker-time-panel-cell-height": "28px",
  633. "picker-panel-cell-height": "24px",
  634. "picker-panel-cell-width": "36px",
  635. "picker-text-height": "40px",
  636. "picker-panel-without-time-cell-height": "66px",
  637. "calendar-bg": "@component-background",
  638. "calendar-input-bg": "@input-bg",
  639. "calendar-border-color": "@border-color-inverse",
  640. "calendar-item-active-bg": "@item-active-bg",
  641. "calendar-column-active-bg": "fade(@calendar-item-active-bg, 20%)",
  642. "calendar-full-bg": "@calendar-bg",
  643. "calendar-full-panel-bg": "@calendar-full-bg",
  644. "carousel-dot-width": "16px",
  645. "carousel-dot-height": "3px",
  646. "carousel-dot-active-width": "24px",
  647. "badge-height": "20px",
  648. "badge-height-sm": "14px",
  649. "badge-dot-size": "6px",
  650. "badge-font-size": "@font-size-sm",
  651. "badge-font-size-sm": "@font-size-sm",
  652. "badge-font-weight": "normal",
  653. "badge-status-size": "6px",
  654. "badge-text-color": "@component-background",
  655. "badge-color": "@highlight-color",
  656. "rate-star-color": "@yellow-6",
  657. "rate-star-bg": "@border-color-split",
  658. "rate-star-size": "20px",
  659. "rate-star-hover-scale": "scale(1.1)",
  660. "card-head-color": "@heading-color",
  661. "card-head-background": "transparent",
  662. "card-head-font-size": "@font-size-lg",
  663. "card-head-font-size-sm": "@font-size-base",
  664. "card-head-padding": "16px",
  665. "card-head-padding-sm": "(@card-head-padding / 2)",
  666. "card-head-height": "48px",
  667. "card-head-height-sm": "36px",
  668. "card-inner-head-padding": "12px",
  669. "card-padding-base": "24px",
  670. "card-padding-base-sm": "(@card-padding-base / 2)",
  671. "card-actions-background": "@component-background",
  672. "card-actions-li-margin": "12px 0",
  673. "card-skeleton-bg": "#cfd8dc",
  674. "card-background": "@component-background",
  675. "card-shadow": "0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),\n 0 5px 12px 4px rgba(0, 0, 0, 0.09)",
  676. "card-radius": "@border-radius-base",
  677. "card-head-tabs-margin-bottom": "-17px",
  678. "card-head-extra-color": "@text-color",
  679. "comment-bg": "inherit",
  680. "comment-padding-base": "@padding-md 0",
  681. "comment-nest-indent": "44px",
  682. "comment-font-size-base": "@font-size-base",
  683. "comment-font-size-sm": "@font-size-sm",
  684. "comment-author-name-color": "@text-color-secondary",
  685. "comment-author-time-color": "#ccc",
  686. "comment-action-color": "@text-color-secondary",
  687. "comment-action-hover-color": "#595959",
  688. "comment-actions-margin-bottom": "inherit",
  689. "comment-actions-margin-top": "@margin-sm",
  690. "comment-content-detail-p-margin-bottom": "inherit",
  691. "tabs-card-head-background": "@background-color-light",
  692. "tabs-card-height": "40px",
  693. "tabs-card-active-color": "@primary-color",
  694. "tabs-card-horizontal-padding": "(\n (@tabs-card-height - floor(@font-size-base * @line-height-base)) / 2\n ) - @border-width-base @padding-md",
  695. "tabs-card-horizontal-padding-sm": "6px @padding-md",
  696. "tabs-card-horizontal-padding-lg": "7px @padding-md 6px",
  697. "tabs-title-font-size": "@font-size-base",
  698. "tabs-title-font-size-lg": "@font-size-lg",
  699. "tabs-title-font-size-sm": "@font-size-base",
  700. "tabs-ink-bar-color": "@primary-color",
  701. "tabs-bar-margin": "0 0 @margin-md 0",
  702. "tabs-horizontal-gutter": "32px",
  703. "tabs-horizontal-margin": "0 0 0 @tabs-horizontal-gutter",
  704. "tabs-horizontal-margin-rtl": "0 0 0 32px",
  705. "tabs-horizontal-padding": "@padding-sm 0",
  706. "tabs-horizontal-padding-lg": "@padding-md 0",
  707. "tabs-horizontal-padding-sm": "@padding-xs 0",
  708. "tabs-vertical-padding": "@padding-xs @padding-lg",
  709. "tabs-vertical-margin": "@margin-md 0 0 0",
  710. "tabs-scrolling-size": "32px",
  711. "tabs-highlight-color": "@primary-color",
  712. "tabs-hover-color": "@primary-5",
  713. "tabs-active-color": "@primary-7",
  714. "tabs-card-gutter": "2px",
  715. "tabs-card-tab-active-border-top": "2px solid transparent",
  716. "back-top-color": "#fff",
  717. "back-top-bg": "@text-color-secondary",
  718. "back-top-hover-bg": "@text-color",
  719. "avatar-size-base": "32px",
  720. "avatar-size-lg": "40px",
  721. "avatar-size-sm": "24px",
  722. "avatar-font-size-base": "18px",
  723. "avatar-font-size-lg": "24px",
  724. "avatar-font-size-sm": "14px",
  725. "avatar-bg": "#ccc",
  726. "avatar-color": "#fff",
  727. "avatar-border-radius": "@border-radius-base",
  728. "avatar-group-overlapping": "-8px",
  729. "avatar-group-space": "3px",
  730. "avatar-group-border-color": "#fff",
  731. "switch-height": "22px",
  732. "switch-sm-height": "16px",
  733. "switch-min-width": "44px",
  734. "switch-sm-min-width": "28px",
  735. "switch-disabled-opacity": "0.4",
  736. "switch-color": "@primary-color",
  737. "switch-bg": "@component-background",
  738. "switch-shadow-color": "fade(#00230b, 20%)",
  739. "switch-padding": "2px",
  740. "switch-inner-margin-min": "ceil(@switch-height * 0.3)",
  741. "switch-inner-margin-max": "ceil(@switch-height * 1.1)",
  742. "switch-sm-inner-margin-min": "ceil(@switch-sm-height * 0.3)",
  743. "switch-sm-inner-margin-max": "ceil(@switch-sm-height * 1.1)",
  744. "pagination-item-bg": "@component-background",
  745. "pagination-item-size": "@height-base",
  746. "pagination-item-size-sm": "24px",
  747. "pagination-font-family": "@font-family",
  748. "pagination-font-weight-active": "500",
  749. "pagination-item-bg-active": "@component-background",
  750. "pagination-item-link-bg": "@component-background",
  751. "pagination-item-disabled-color-active": "@disabled-color",
  752. "pagination-item-disabled-bg-active": "@disabled-active-bg",
  753. "pagination-item-input-bg": "@component-background",
  754. "pagination-mini-options-size-changer-top": "0px",
  755. "page-header-padding": "@padding-lg",
  756. "page-header-padding-vertical": "@padding-md",
  757. "page-header-padding-breadcrumb": "@padding-sm",
  758. "page-header-content-padding-vertical": "@padding-sm",
  759. "page-header-back-color": "#000",
  760. "page-header-ghost-bg": "inherit",
  761. "page-header-heading-title": "@heading-4-size",
  762. "page-header-heading-sub-title": "14px",
  763. "page-header-tabs-tab-font-size": "16px",
  764. "breadcrumb-base-color": "@text-color-secondary",
  765. "breadcrumb-last-item-color": "@text-color",
  766. "breadcrumb-font-size": "@font-size-base",
  767. "breadcrumb-icon-font-size": "@font-size-base",
  768. "breadcrumb-link-color": "@text-color-secondary",
  769. "breadcrumb-link-color-hover": "@primary-5",
  770. "breadcrumb-separator-color": "@text-color-secondary",
  771. "breadcrumb-separator-margin": "0 @padding-xs",
  772. "slider-margin": "10px 6px 10px",
  773. "slider-rail-background-color": "@background-color-base",
  774. "slider-rail-background-color-hover": "#e1e1e1",
  775. "slider-track-background-color": "@primary-3",
  776. "slider-track-background-color-hover": "@primary-4",
  777. "slider-handle-border-width": "2px",
  778. "slider-handle-background-color": "@component-background",
  779. "slider-handle-color": "@primary-3",
  780. "slider-handle-color-hover": "@primary-4",
  781. "slider-handle-color-focus": "tint(@primary-color, 20%)",
  782. "slider-handle-color-focus-shadow": "fade(@primary-color, 12%)",
  783. "slider-handle-color-tooltip-open": "@primary-color",
  784. "slider-handle-size": "14px",
  785. "slider-handle-margin-top": "-5px",
  786. "slider-handle-shadow": "0",
  787. "slider-dot-border-color": "@border-color-split",
  788. "slider-dot-border-color-active": "tint(@primary-color, 50%)",
  789. "slider-disabled-color": "@disabled-color",
  790. "slider-disabled-background-color": "@component-background",
  791. "tree-bg": "@component-background",
  792. "tree-title-height": "24px",
  793. "tree-child-padding": "18px",
  794. "tree-directory-selected-color": "#fff",
  795. "tree-directory-selected-bg": "@primary-color",
  796. "tree-node-hover-bg": "@item-hover-bg",
  797. "tree-node-selected-bg": "@primary-2",
  798. "collapse-header-padding": "@padding-sm @padding-md",
  799. "collapse-header-padding-extra": "40px",
  800. "collapse-header-bg": "@background-color-light",
  801. "collapse-content-padding": "@padding-md",
  802. "collapse-content-bg": "@component-background",
  803. "collapse-header-arrow-left": "16px",
  804. "skeleton-color": "rgba(190, 190, 190, 0.2)",
  805. "skeleton-to-color": "shade(@skeleton-color, 5%)",
  806. "skeleton-paragraph-margin-top": "28px",
  807. "skeleton-paragraph-li-margin-top": "@margin-md",
  808. "skeleton-paragraph-li-height": "16px",
  809. "skeleton-title-height": "16px",
  810. "skeleton-title-paragraph-margin-top": "@margin-lg",
  811. "transfer-header-height": "40px",
  812. "transfer-item-height": "@height-base",
  813. "transfer-disabled-bg": "@disabled-bg",
  814. "transfer-list-height": "200px",
  815. "transfer-item-hover-bg": "@item-hover-bg",
  816. "transfer-item-selected-hover-bg": "darken(@item-active-bg, 2%)",
  817. "transfer-item-padding-vertical": "6px",
  818. "transfer-list-search-icon-top": "12px",
  819. "message-notice-content-padding": "10px 16px",
  820. "message-notice-content-bg": "@component-background",
  821. "wave-animation-width": "6px",
  822. "alert-success-border-color": "~`colorPalette('@{success-color}', 3) `",
  823. "alert-success-bg-color": "~`colorPalette('@{success-color}', 1) `",
  824. "alert-success-icon-color": "@success-color",
  825. "alert-info-border-color": "~`colorPalette('@{info-color}', 3) `",
  826. "alert-info-bg-color": "~`colorPalette('@{info-color}', 1) `",
  827. "alert-info-icon-color": "@info-color",
  828. "alert-warning-border-color": "~`colorPalette('@{warning-color}', 3) `",
  829. "alert-warning-bg-color": "~`colorPalette('@{warning-color}', 1) `",
  830. "alert-warning-icon-color": "@warning-color",
  831. "alert-error-border-color": "~`colorPalette('@{error-color}', 3) `",
  832. "alert-error-bg-color": "~`colorPalette('@{error-color}', 1) `",
  833. "alert-error-icon-color": "@error-color",
  834. "alert-message-color": "@heading-color",
  835. "alert-text-color": "@text-color",
  836. "alert-close-color": "@text-color-secondary",
  837. "alert-close-hover-color": "@icon-color-hover",
  838. "alert-no-icon-padding-vertical": "@padding-xs",
  839. "alert-with-description-no-icon-padding-vertical": "@padding-md - 1px",
  840. "alert-with-description-padding-vertical": "@padding-md - 1px",
  841. "alert-with-description-padding": "@alert-with-description-padding-vertical 15px\n @alert-with-description-no-icon-padding-vertical @alert-with-description-icon-size",
  842. "alert-icon-top": "8px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2)",
  843. "alert-with-description-icon-size": "24px",
  844. "list-header-background": "transparent",
  845. "list-footer-background": "transparent",
  846. "list-empty-text-padding": "@padding-md",
  847. "list-item-padding": "@padding-sm 0",
  848. "list-item-padding-sm": "@padding-xs @padding-md",
  849. "list-item-padding-lg": "16px 24px",
  850. "list-item-meta-margin-bottom": "@padding-md",
  851. "list-item-meta-avatar-margin-right": "@padding-md",
  852. "list-item-meta-title-margin-bottom": "@padding-sm",
  853. "list-customize-card-bg": "@component-background",
  854. "list-item-meta-description-font-size": "@font-size-base",
  855. "statistic-title-font-size": "@font-size-base",
  856. "statistic-content-font-size": "24px",
  857. "statistic-unit-font-size": "24px",
  858. "statistic-font-family": "@font-family",
  859. "drawer-header-padding": "@padding-md @padding-lg",
  860. "drawer-body-padding": "@padding-lg",
  861. "drawer-bg": "@component-background",
  862. "drawer-footer-padding-vertical": "@modal-footer-padding-vertical",
  863. "drawer-footer-padding-horizontal": "@modal-footer-padding-horizontal",
  864. "drawer-header-close-size": "56px",
  865. "drawer-title-font-size": "@font-size-lg",
  866. "drawer-title-line-height": "22px",
  867. "timeline-width": "2px",
  868. "timeline-color": "@border-color-split",
  869. "timeline-dot-border-width": "2px",
  870. "timeline-dot-color": "@primary-color",
  871. "timeline-dot-bg": "@component-background",
  872. "timeline-item-padding-bottom": "20px",
  873. "typography-title-font-weight": "600",
  874. "typography-title-margin-top": "1.2em",
  875. "typography-title-margin-bottom": "0.5em",
  876. "upload-actions-color": "@text-color-secondary",
  877. "process-tail-color": "@border-color-split",
  878. "steps-nav-arrow-color": "fade(@black, 25%)",
  879. "steps-background": "@component-background",
  880. "steps-icon-size": "32px",
  881. "steps-icon-custom-size": "@steps-icon-size",
  882. "steps-icon-custom-top": "0px",
  883. "steps-icon-custom-font-size": "24px",
  884. "steps-icon-top": "-0.5px",
  885. "steps-icon-font-size": "@font-size-lg",
  886. "steps-icon-margin": "0 8px 0 0",
  887. "steps-title-line-height": "@height-base",
  888. "steps-small-icon-size": "24px",
  889. "steps-small-icon-margin": "0 8px 0 0",
  890. "steps-dot-size": "8px",
  891. "steps-dot-top": "2px",
  892. "steps-current-dot-size": "10px",
  893. "steps-description-max-width": "140px",
  894. "steps-nav-content-max-width": "auto",
  895. "steps-vertical-icon-width": "16px",
  896. "steps-vertical-tail-width": "16px",
  897. "steps-vertical-tail-width-sm": "12px",
  898. "notification-bg": "@component-background",
  899. "notification-padding-vertical": "16px",
  900. "notification-padding-horizontal": "24px",
  901. "result-title-font-size": "24px",
  902. "result-subtitle-font-size": "@font-size-base",
  903. "result-icon-font-size": "72px",
  904. "result-extra-margin": "24px 0 0 0",
  905. "image-size-base": "48px",
  906. "image-font-size-base": "24px",
  907. "image-bg": "#f5f5f5",
  908. "image-color": "#fff",
  909. "image-mask-font-size": "16px",
  910. "image-preview-operation-size": "18px",
  911. "image-preview-operation-color": "@text-color-dark",
  912. "image-preview-operation-disabled-color": "fade(@image-preview-operation-color, 25%)"
  913. };