You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

9914 lines
320 KiB

12 months ago
  1. @primary-color: #1890ff;
  2. @link-color: #1890ff;
  3. @success-color: #52c41a;
  4. @warning-color: #faad14;
  5. @error-color: #f5222d;
  6. @heading-color: rgba(0, 0, 0, 0.85);
  7. @text-color: rgba(0, 0, 0, 0.65);
  8. @text-color-secondary: rgba(0, 0, 0, 0.45);
  9. @disabled-color: rgba(0, 0, 0, 0.25);
  10. @border-color-base: #d9d9d9;
  11. @component-background: #fff;
  12. @border-radius-base: 4px;
  13. @layout-body-background: #fff;
  14. @submenu-background: #fafafa;
  15. //vars.less
  16. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  17. /* stylelint-disable no-duplicate-selectors */
  18. /* stylelint-disable */
  19. .bezierEasingMixin() {
  20. @functions: ~`(function() {
  21. var NEWTON_ITERATIONS = 4;
  22. var NEWTON_MIN_SLOPE = 0.001;
  23. var SUBDIVISION_PRECISION = 0.0000001;
  24. var SUBDIVISION_MAX_ITERATIONS = 10;
  25. var kSplineTableSize = 11;
  26. var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
  27. var float32ArraySupported = typeof Float32Array === 'function';
  28. function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }
  29. function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }
  30. function C (aA1) { return 3.0 * aA1; }
  31. // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
  32. function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }
  33. // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
  34. function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }
  35. function binarySubdivide (aX, aA, aB, mX1, mX2) {
  36. var currentX, currentT, i = 0;
  37. do {
  38. currentT = aA + (aB - aA) / 2.0;
  39. currentX = calcBezier(currentT, mX1, mX2) - aX;
  40. if (currentX > 0.0) {
  41. aB = currentT;
  42. } else {
  43. aA = currentT;
  44. }
  45. } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
  46. return currentT;
  47. }
  48. function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {
  49. for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
  50. var currentSlope = getSlope(aGuessT, mX1, mX2);
  51. if (currentSlope === 0.0) {
  52. return aGuessT;
  53. }
  54. var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
  55. aGuessT -= currentX / currentSlope;
  56. }
  57. return aGuessT;
  58. }
  59. var BezierEasing = function (mX1, mY1, mX2, mY2) {
  60. if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
  61. throw new Error('bezier x values must be in [0, 1] range');
  62. }
  63. // Precompute samples table
  64. var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
  65. if (mX1 !== mY1 || mX2 !== mY2) {
  66. for (var i = 0; i < kSplineTableSize; ++i) {
  67. sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
  68. }
  69. }
  70. function getTForX (aX) {
  71. var intervalStart = 0.0;
  72. var currentSample = 1;
  73. var lastSample = kSplineTableSize - 1;
  74. for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {
  75. intervalStart += kSampleStepSize;
  76. }
  77. --currentSample;
  78. // Interpolate to provide an initial guess for t
  79. var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);
  80. var guessForT = intervalStart + dist * kSampleStepSize;
  81. var initialSlope = getSlope(guessForT, mX1, mX2);
  82. if (initialSlope >= NEWTON_MIN_SLOPE) {
  83. return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
  84. } else if (initialSlope === 0.0) {
  85. return guessForT;
  86. } else {
  87. return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);
  88. }
  89. }
  90. return function BezierEasing (x) {
  91. if (mX1 === mY1 && mX2 === mY2) {
  92. return x; // linear
  93. }
  94. // Because JavaScript number are imprecise, we should guarantee the extremes are right.
  95. if (x === 0) {
  96. return 0;
  97. }
  98. if (x === 1) {
  99. return 1;
  100. }
  101. return calcBezier(getTForX(x), mY1, mY2);
  102. };
  103. };
  104. this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);
  105. // less 3 requires a return
  106. return '';
  107. })()`;
  108. }
  109. // It is hacky way to make this function will be compiled preferentially by less
  110. // resolve error: `ReferenceError: colorPalette is not defined`
  111. // https://github.com/ant-design/ant-motion/issues/44
  112. .bezierEasingMixin();
  113. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  114. .tinyColorMixin() {
  115. @functions: ~`(function() {
  116. // TinyColor v1.4.1
  117. // https://github.com/bgrins/TinyColor
  118. // 2016-07-07, Brian Grinstead, MIT License
  119. var trimLeft = /^\s+/,
  120. trimRight = /\s+$/,
  121. tinyCounter = 0,
  122. mathRound = Math.round,
  123. mathMin = Math.min,
  124. mathMax = Math.max,
  125. mathRandom = Math.random;
  126. function tinycolor (color, opts) {
  127. color = (color) ? color : '';
  128. opts = opts || { };
  129. // If input is already a tinycolor, return itself
  130. if (color instanceof tinycolor) {
  131. return color;
  132. }
  133. // If we are called as a function, call using new instead
  134. if (!(this instanceof tinycolor)) {
  135. return new tinycolor(color, opts);
  136. }
  137. var rgb = inputToRGB(color);
  138. this._originalInput = color,
  139. this._r = rgb.r,
  140. this._g = rgb.g,
  141. this._b = rgb.b,
  142. this._a = rgb.a,
  143. this._roundA = mathRound(100*this._a) / 100,
  144. this._format = opts.format || rgb.format;
  145. this._gradientType = opts.gradientType;
  146. // Don't let the range of [0,255] come back in [0,1].
  147. // Potentially lose a little bit of precision here, but will fix issues where
  148. // .5 gets interpreted as half of the total, instead of half of 1
  149. // If it was supposed to be 128, this was already taken care of by inputToRgb
  150. if (this._r < 1) { this._r = mathRound(this._r); }
  151. if (this._g < 1) { this._g = mathRound(this._g); }
  152. if (this._b < 1) { this._b = mathRound(this._b); }
  153. this._ok = rgb.ok;
  154. this._tc_id = tinyCounter++;
  155. }
  156. tinycolor.prototype = {
  157. isDark: function() {
  158. return this.getBrightness() < 128;
  159. },
  160. isLight: function() {
  161. return !this.isDark();
  162. },
  163. isValid: function() {
  164. return this._ok;
  165. },
  166. getOriginalInput: function() {
  167. return this._originalInput;
  168. },
  169. getFormat: function() {
  170. return this._format;
  171. },
  172. getAlpha: function() {
  173. return this._a;
  174. },
  175. getBrightness: function() {
  176. //http://www.w3.org/TR/AERT#color-contrast
  177. var rgb = this.toRgb();
  178. return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
  179. },
  180. getLuminance: function() {
  181. //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
  182. var rgb = this.toRgb();
  183. var RsRGB, GsRGB, BsRGB, R, G, B;
  184. RsRGB = rgb.r/255;
  185. GsRGB = rgb.g/255;
  186. BsRGB = rgb.b/255;
  187. if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
  188. if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
  189. if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
  190. return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
  191. },
  192. setAlpha: function(value) {
  193. this._a = boundAlpha(value);
  194. this._roundA = mathRound(100*this._a) / 100;
  195. return this;
  196. },
  197. toHsv: function() {
  198. var hsv = rgbToHsv(this._r, this._g, this._b);
  199. return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
  200. },
  201. toHsvString: function() {
  202. var hsv = rgbToHsv(this._r, this._g, this._b);
  203. var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
  204. return (this._a == 1) ?
  205. "hsv(" + h + ", " + s + "%, " + v + "%)" :
  206. "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
  207. },
  208. toHsl: function() {
  209. var hsl = rgbToHsl(this._r, this._g, this._b);
  210. return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
  211. },
  212. toHslString: function() {
  213. var hsl = rgbToHsl(this._r, this._g, this._b);
  214. var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
  215. return (this._a == 1) ?
  216. "hsl(" + h + ", " + s + "%, " + l + "%)" :
  217. "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
  218. },
  219. toHex: function(allow3Char) {
  220. return rgbToHex(this._r, this._g, this._b, allow3Char);
  221. },
  222. toHexString: function(allow3Char) {
  223. return '#' + this.toHex(allow3Char);
  224. },
  225. toHex8: function(allow4Char) {
  226. return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
  227. },
  228. toHex8String: function(allow4Char) {
  229. return '#' + this.toHex8(allow4Char);
  230. },
  231. toRgb: function() {
  232. return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
  233. },
  234. toRgbString: function() {
  235. return (this._a == 1) ?
  236. "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
  237. "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
  238. },
  239. toPercentageRgb: function() {
  240. return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
  241. },
  242. toPercentageRgbString: function() {
  243. return (this._a == 1) ?
  244. "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
  245. "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
  246. },
  247. toName: function() {
  248. if (this._a === 0) {
  249. return "transparent";
  250. }
  251. if (this._a < 1) {
  252. return false;
  253. }
  254. return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
  255. },
  256. toFilter: function(secondColor) {
  257. var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
  258. var secondHex8String = hex8String;
  259. var gradientType = this._gradientType ? "GradientType = 1, " : "";
  260. if (secondColor) {
  261. var s = tinycolor(secondColor);
  262. secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
  263. }
  264. return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
  265. },
  266. toString: function(format) {
  267. var formatSet = !!format;
  268. format = format || this._format;
  269. var formattedString = false;
  270. var hasAlpha = this._a < 1 && this._a >= 0;
  271. var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
  272. if (needsAlphaFormat) {
  273. // Special case for "transparent", all other non-alpha formats
  274. // will return rgba when there is transparency.
  275. if (format === "name" && this._a === 0) {
  276. return this.toName();
  277. }
  278. return this.toRgbString();
  279. }
  280. if (format === "rgb") {
  281. formattedString = this.toRgbString();
  282. }
  283. if (format === "prgb") {
  284. formattedString = this.toPercentageRgbString();
  285. }
  286. if (format === "hex" || format === "hex6") {
  287. formattedString = this.toHexString();
  288. }
  289. if (format === "hex3") {
  290. formattedString = this.toHexString(true);
  291. }
  292. if (format === "hex4") {
  293. formattedString = this.toHex8String(true);
  294. }
  295. if (format === "hex8") {
  296. formattedString = this.toHex8String();
  297. }
  298. if (format === "name") {
  299. formattedString = this.toName();
  300. }
  301. if (format === "hsl") {
  302. formattedString = this.toHslString();
  303. }
  304. if (format === "hsv") {
  305. formattedString = this.toHsvString();
  306. }
  307. return formattedString || this.toHexString();
  308. },
  309. clone: function() {
  310. return tinycolor(this.toString());
  311. },
  312. _applyModification: function(fn, args) {
  313. var color = fn.apply(null, [this].concat([].slice.call(args)));
  314. this._r = color._r;
  315. this._g = color._g;
  316. this._b = color._b;
  317. this.setAlpha(color._a);
  318. return this;
  319. },
  320. lighten: function() {
  321. return this._applyModification(lighten, arguments);
  322. },
  323. brighten: function() {
  324. return this._applyModification(brighten, arguments);
  325. },
  326. darken: function() {
  327. return this._applyModification(darken, arguments);
  328. },
  329. desaturate: function() {
  330. return this._applyModification(desaturate, arguments);
  331. },
  332. saturate: function() {
  333. return this._applyModification(saturate, arguments);
  334. },
  335. greyscale: function() {
  336. return this._applyModification(greyscale, arguments);
  337. },
  338. spin: function() {
  339. return this._applyModification(spin, arguments);
  340. },
  341. _applyCombination: function(fn, args) {
  342. return fn.apply(null, [this].concat([].slice.call(args)));
  343. },
  344. analogous: function() {
  345. return this._applyCombination(analogous, arguments);
  346. },
  347. complement: function() {
  348. return this._applyCombination(complement, arguments);
  349. },
  350. monochromatic: function() {
  351. return this._applyCombination(monochromatic, arguments);
  352. },
  353. splitcomplement: function() {
  354. return this._applyCombination(splitcomplement, arguments);
  355. },
  356. triad: function() {
  357. return this._applyCombination(triad, arguments);
  358. },
  359. tetrad: function() {
  360. return this._applyCombination(tetrad, arguments);
  361. }
  362. };
  363. // If input is an object, force 1 into "1.0" to handle ratios properly
  364. // String input requires "1.0" as input, so 1 will be treated as 1
  365. tinycolor.fromRatio = function(color, opts) {
  366. if (typeof color == "object") {
  367. var newColor = {};
  368. for (var i in color) {
  369. if (color.hasOwnProperty(i)) {
  370. if (i === "a") {
  371. newColor[i] = color[i];
  372. }
  373. else {
  374. newColor[i] = convertToPercentage(color[i]);
  375. }
  376. }
  377. }
  378. color = newColor;
  379. }
  380. return tinycolor(color, opts);
  381. };
  382. // Given a string or object, convert that input to RGB
  383. // Possible string inputs:
  384. //
  385. // "red"
  386. // "#f00" or "f00"
  387. // "#ff0000" or "ff0000"
  388. // "#ff000000" or "ff000000"
  389. // "rgb 255 0 0" or "rgb (255, 0, 0)"
  390. // "rgb 1.0 0 0" or "rgb (1, 0, 0)"
  391. // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
  392. // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
  393. // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
  394. // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
  395. // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
  396. //
  397. function inputToRGB(color) {
  398. var rgb = { r: 0, g: 0, b: 0 };
  399. var a = 1;
  400. var s = null;
  401. var v = null;
  402. var l = null;
  403. var ok = false;
  404. var format = false;
  405. if (typeof color == "string") {
  406. color = stringInputToObject(color);
  407. }
  408. if (typeof color == "object") {
  409. if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
  410. rgb = rgbToRgb(color.r, color.g, color.b);
  411. ok = true;
  412. format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
  413. }
  414. else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
  415. s = convertToPercentage(color.s);
  416. v = convertToPercentage(color.v);
  417. rgb = hsvToRgb(color.h, s, v);
  418. ok = true;
  419. format = "hsv";
  420. }
  421. else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
  422. s = convertToPercentage(color.s);
  423. l = convertToPercentage(color.l);
  424. rgb = hslToRgb(color.h, s, l);
  425. ok = true;
  426. format = "hsl";
  427. }
  428. if (color.hasOwnProperty("a")) {
  429. a = color.a;
  430. }
  431. }
  432. a = boundAlpha(a);
  433. return {
  434. ok: ok,
  435. format: color.format || format,
  436. r: mathMin(255, mathMax(rgb.r, 0)),
  437. g: mathMin(255, mathMax(rgb.g, 0)),
  438. b: mathMin(255, mathMax(rgb.b, 0)),
  439. a: a
  440. };
  441. }
  442. // Conversion Functions
  443. // --------------------
  444. // rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from:
  445. // <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
  446. // rgbToRgb
  447. // Handle bounds / percentage checking to conform to CSS color spec
  448. // <http://www.w3.org/TR/css3-color/>
  449. // *Assumes:* r, g, b in [0, 255] or [0, 1]
  450. // *Returns:* { r, g, b } in [0, 255]
  451. function rgbToRgb(r, g, b){
  452. return {
  453. r: bound01(r, 255) * 255,
  454. g: bound01(g, 255) * 255,
  455. b: bound01(b, 255) * 255
  456. };
  457. }
  458. // rgbToHsl
  459. // Converts an RGB color value to HSL.
  460. // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
  461. // *Returns:* { h, s, l } in [0,1]
  462. function rgbToHsl(r, g, b) {
  463. r = bound01(r, 255);
  464. g = bound01(g, 255);
  465. b = bound01(b, 255);
  466. var max = mathMax(r, g, b), min = mathMin(r, g, b);
  467. var h, s, l = (max + min) / 2;
  468. if(max == min) {
  469. h = s = 0; // achromatic
  470. }
  471. else {
  472. var d = max - min;
  473. s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
  474. switch(max) {
  475. case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  476. case g: h = (b - r) / d + 2; break;
  477. case b: h = (r - g) / d + 4; break;
  478. }
  479. h /= 6;
  480. }
  481. return { h: h, s: s, l: l };
  482. }
  483. // hslToRgb
  484. // Converts an HSL color value to RGB.
  485. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
  486. // *Returns:* { r, g, b } in the set [0, 255]
  487. function hslToRgb(h, s, l) {
  488. var r, g, b;
  489. h = bound01(h, 360);
  490. s = bound01(s, 100);
  491. l = bound01(l, 100);
  492. function hue2rgb(p, q, t) {
  493. if(t < 0) t += 1;
  494. if(t > 1) t -= 1;
  495. if(t < 1/6) return p + (q - p) * 6 * t;
  496. if(t < 1/2) return q;
  497. if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
  498. return p;
  499. }
  500. if(s === 0) {
  501. r = g = b = l; // achromatic
  502. }
  503. else {
  504. var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
  505. var p = 2 * l - q;
  506. r = hue2rgb(p, q, h + 1/3);
  507. g = hue2rgb(p, q, h);
  508. b = hue2rgb(p, q, h - 1/3);
  509. }
  510. return { r: r * 255, g: g * 255, b: b * 255 };
  511. }
  512. // rgbToHsv
  513. // Converts an RGB color value to HSV
  514. // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
  515. // *Returns:* { h, s, v } in [0,1]
  516. function rgbToHsv(r, g, b) {
  517. r = bound01(r, 255);
  518. g = bound01(g, 255);
  519. b = bound01(b, 255);
  520. var max = mathMax(r, g, b), min = mathMin(r, g, b);
  521. var h, s, v = max;
  522. var d = max - min;
  523. s = max === 0 ? 0 : d / max;
  524. if(max == min) {
  525. h = 0; // achromatic
  526. }
  527. else {
  528. switch(max) {
  529. case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  530. case g: h = (b - r) / d + 2; break;
  531. case b: h = (r - g) / d + 4; break;
  532. }
  533. h /= 6;
  534. }
  535. return { h: h, s: s, v: v };
  536. }
  537. // hsvToRgb
  538. // Converts an HSV color value to RGB.
  539. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
  540. // *Returns:* { r, g, b } in the set [0, 255]
  541. function hsvToRgb(h, s, v) {
  542. h = bound01(h, 360) * 6;
  543. s = bound01(s, 100);
  544. v = bound01(v, 100);
  545. var i = Math.floor(h),
  546. f = h - i,
  547. p = v * (1 - s),
  548. q = v * (1 - f * s),
  549. t = v * (1 - (1 - f) * s),
  550. mod = i % 6,
  551. r = [v, q, p, p, t, v][mod],
  552. g = [t, v, v, q, p, p][mod],
  553. b = [p, p, t, v, v, q][mod];
  554. return { r: r * 255, g: g * 255, b: b * 255 };
  555. }
  556. // rgbToHex
  557. // Converts an RGB color to hex
  558. // Assumes r, g, and b are contained in the set [0, 255]
  559. // Returns a 3 or 6 character hex
  560. function rgbToHex(r, g, b, allow3Char) {
  561. var hex = [
  562. pad2(mathRound(r).toString(16)),
  563. pad2(mathRound(g).toString(16)),
  564. pad2(mathRound(b).toString(16))
  565. ];
  566. // Return a 3 character hex if possible
  567. if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
  568. return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
  569. }
  570. return hex.join("");
  571. }
  572. // rgbaToHex
  573. // Converts an RGBA color plus alpha transparency to hex
  574. // Assumes r, g, b are contained in the set [0, 255] and
  575. // a in [0, 1]. Returns a 4 or 8 character rgba hex
  576. function rgbaToHex(r, g, b, a, allow4Char) {
  577. var hex = [
  578. pad2(mathRound(r).toString(16)),
  579. pad2(mathRound(g).toString(16)),
  580. pad2(mathRound(b).toString(16)),
  581. pad2(convertDecimalToHex(a))
  582. ];
  583. // Return a 4 character hex if possible
  584. if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
  585. return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
  586. }
  587. return hex.join("");
  588. }
  589. // rgbaToArgbHex
  590. // Converts an RGBA color to an ARGB Hex8 string
  591. // Rarely used, but required for "toFilter()"
  592. function rgbaToArgbHex(r, g, b, a) {
  593. var hex = [
  594. pad2(convertDecimalToHex(a)),
  595. pad2(mathRound(r).toString(16)),
  596. pad2(mathRound(g).toString(16)),
  597. pad2(mathRound(b).toString(16))
  598. ];
  599. return hex.join("");
  600. }
  601. // equals
  602. // Can be called with any tinycolor input
  603. tinycolor.equals = function (color1, color2) {
  604. if (!color1 || !color2) { return false; }
  605. return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
  606. };
  607. tinycolor.random = function() {
  608. return tinycolor.fromRatio({
  609. r: mathRandom(),
  610. g: mathRandom(),
  611. b: mathRandom()
  612. });
  613. };
  614. // Modification Functions
  615. // ----------------------
  616. // Thanks to less.js for some of the basics here
  617. // <https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js>
  618. function desaturate(color, amount) {
  619. amount = (amount === 0) ? 0 : (amount || 10);
  620. var hsl = tinycolor(color).toHsl();
  621. hsl.s -= amount / 100;
  622. hsl.s = clamp01(hsl.s);
  623. return tinycolor(hsl);
  624. }
  625. function saturate(color, amount) {
  626. amount = (amount === 0) ? 0 : (amount || 10);
  627. var hsl = tinycolor(color).toHsl();
  628. hsl.s += amount / 100;
  629. hsl.s = clamp01(hsl.s);
  630. return tinycolor(hsl);
  631. }
  632. function greyscale(color) {
  633. return tinycolor(color).desaturate(100);
  634. }
  635. function lighten (color, amount) {
  636. amount = (amount === 0) ? 0 : (amount || 10);
  637. var hsl = tinycolor(color).toHsl();
  638. hsl.l += amount / 100;
  639. hsl.l = clamp01(hsl.l);
  640. return tinycolor(hsl);
  641. }
  642. function brighten(color, amount) {
  643. amount = (amount === 0) ? 0 : (amount || 10);
  644. var rgb = tinycolor(color).toRgb();
  645. rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
  646. rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
  647. rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
  648. return tinycolor(rgb);
  649. }
  650. function darken (color, amount) {
  651. amount = (amount === 0) ? 0 : (amount || 10);
  652. var hsl = tinycolor(color).toHsl();
  653. hsl.l -= amount / 100;
  654. hsl.l = clamp01(hsl.l);
  655. return tinycolor(hsl);
  656. }
  657. // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
  658. // Values outside of this range will be wrapped into this range.
  659. function spin(color, amount) {
  660. var hsl = tinycolor(color).toHsl();
  661. var hue = (hsl.h + amount) % 360;
  662. hsl.h = hue < 0 ? 360 + hue : hue;
  663. return tinycolor(hsl);
  664. }
  665. // Combination Functions
  666. // ---------------------
  667. // Thanks to jQuery xColor for some of the ideas behind these
  668. // <https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js>
  669. function complement(color) {
  670. var hsl = tinycolor(color).toHsl();
  671. hsl.h = (hsl.h + 180) % 360;
  672. return tinycolor(hsl);
  673. }
  674. function triad(color) {
  675. var hsl = tinycolor(color).toHsl();
  676. var h = hsl.h;
  677. return [
  678. tinycolor(color),
  679. tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
  680. tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
  681. ];
  682. }
  683. function tetrad(color) {
  684. var hsl = tinycolor(color).toHsl();
  685. var h = hsl.h;
  686. return [
  687. tinycolor(color),
  688. tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
  689. tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
  690. tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
  691. ];
  692. }
  693. function splitcomplement(color) {
  694. var hsl = tinycolor(color).toHsl();
  695. var h = hsl.h;
  696. return [
  697. tinycolor(color),
  698. tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
  699. tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
  700. ];
  701. }
  702. function analogous(color, results, slices) {
  703. results = results || 6;
  704. slices = slices || 30;
  705. var hsl = tinycolor(color).toHsl();
  706. var part = 360 / slices;
  707. var ret = [tinycolor(color)];
  708. for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
  709. hsl.h = (hsl.h + part) % 360;
  710. ret.push(tinycolor(hsl));
  711. }
  712. return ret;
  713. }
  714. function monochromatic(color, results) {
  715. results = results || 6;
  716. var hsv = tinycolor(color).toHsv();
  717. var h = hsv.h, s = hsv.s, v = hsv.v;
  718. var ret = [];
  719. var modification = 1 / results;
  720. while (results--) {
  721. ret.push(tinycolor({ h: h, s: s, v: v}));
  722. v = (v + modification) % 1;
  723. }
  724. return ret;
  725. }
  726. // Utility Functions
  727. // ---------------------
  728. tinycolor.mix = function(color1, color2, amount) {
  729. amount = (amount === 0) ? 0 : (amount || 50);
  730. var rgb1 = tinycolor(color1).toRgb();
  731. var rgb2 = tinycolor(color2).toRgb();
  732. var p = amount / 100;
  733. var rgba = {
  734. r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
  735. g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
  736. b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
  737. a: ((rgb2.a - rgb1.a) * p) + rgb1.a
  738. };
  739. return tinycolor(rgba);
  740. };
  741. // Readability Functions
  742. // ---------------------
  743. // <http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef (WCAG Version 2)
  744. // contrast
  745. // Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
  746. tinycolor.readability = function(color1, color2) {
  747. var c1 = tinycolor(color1);
  748. var c2 = tinycolor(color2);
  749. return (Math.max(c1.getLuminance(),c2.getLuminance())+0.05) / (Math.min(c1.getLuminance(),c2.getLuminance())+0.05);
  750. };
  751. // isReadable
  752. // Ensure that foreground and background color combinations meet WCAG2 guidelines.
  753. // The third argument is an optional Object.
  754. // the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
  755. // the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
  756. // If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
  757. // *Example*
  758. // tinycolor.isReadable("#000", "#111") => false
  759. // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
  760. tinycolor.isReadable = function(color1, color2, wcag2) {
  761. var readability = tinycolor.readability(color1, color2);
  762. var wcag2Parms, out;
  763. out = false;
  764. wcag2Parms = validateWCAG2Parms(wcag2);
  765. switch (wcag2Parms.level + wcag2Parms.size) {
  766. case "AAsmall":
  767. case "AAAlarge":
  768. out = readability >= 4.5;
  769. break;
  770. case "AAlarge":
  771. out = readability >= 3;
  772. break;
  773. case "AAAsmall":
  774. out = readability >= 7;
  775. break;
  776. }
  777. return out;
  778. };
  779. // mostReadable
  780. // Given a base color and a list of possible foreground or background
  781. // colors for that base, returns the most readable color.
  782. // Optionally returns Black or White if the most readable color is unreadable.
  783. // *Example*
  784. // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
  785. // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff"
  786. // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
  787. // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
  788. tinycolor.mostReadable = function(baseColor, colorList, args) {
  789. var bestColor = null;
  790. var bestScore = 0;
  791. var readability;
  792. var includeFallbackColors, level, size ;
  793. args = args || {};
  794. includeFallbackColors = args.includeFallbackColors ;
  795. level = args.level;
  796. size = args.size;
  797. for (var i= 0; i < colorList.length ; i++) {
  798. readability = tinycolor.readability(baseColor, colorList[i]);
  799. if (readability > bestScore) {
  800. bestScore = readability;
  801. bestColor = tinycolor(colorList[i]);
  802. }
  803. }
  804. if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
  805. return bestColor;
  806. }
  807. else {
  808. args.includeFallbackColors=false;
  809. return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
  810. }
  811. };
  812. // Big List of Colors
  813. // ------------------
  814. // <http://www.w3.org/TR/css3-color/#svg-color>
  815. var names = tinycolor.names = {
  816. aliceblue: "f0f8ff",
  817. antiquewhite: "faebd7",
  818. aqua: "0ff",
  819. aquamarine: "7fffd4",
  820. azure: "f0ffff",
  821. beige: "f5f5dc",
  822. bisque: "ffe4c4",
  823. black: "000",
  824. blanchedalmond: "ffebcd",
  825. blue: "00f",
  826. blueviolet: "8a2be2",
  827. brown: "a52a2a",
  828. burlywood: "deb887",
  829. burntsienna: "ea7e5d",
  830. cadetblue: "5f9ea0",
  831. chartreuse: "7fff00",
  832. chocolate: "d2691e",
  833. coral: "ff7f50",
  834. cornflowerblue: "6495ed",
  835. cornsilk: "fff8dc",
  836. crimson: "dc143c",
  837. cyan: "0ff",
  838. darkblue: "00008b",
  839. darkcyan: "008b8b",
  840. darkgoldenrod: "b8860b",
  841. darkgray: "a9a9a9",
  842. darkgreen: "006400",
  843. darkgrey: "a9a9a9",
  844. darkkhaki: "bdb76b",
  845. darkmagenta: "8b008b",
  846. darkolivegreen: "556b2f",
  847. darkorange: "ff8c00",
  848. darkorchid: "9932cc",
  849. darkred: "8b0000",
  850. darksalmon: "e9967a",
  851. darkseagreen: "8fbc8f",
  852. darkslateblue: "483d8b",
  853. darkslategray: "2f4f4f",
  854. darkslategrey: "2f4f4f",
  855. darkturquoise: "00ced1",
  856. darkviolet: "9400d3",
  857. deeppink: "ff1493",
  858. deepskyblue: "00bfff",
  859. dimgray: "696969",
  860. dimgrey: "696969",
  861. dodgerblue: "1e90ff",
  862. firebrick: "b22222",
  863. floralwhite: "fffaf0",
  864. forestgreen: "228b22",
  865. fuchsia: "f0f",
  866. gainsboro: "dcdcdc",
  867. ghostwhite: "f8f8ff",
  868. gold: "ffd700",
  869. goldenrod: "daa520",
  870. gray: "808080",
  871. green: "008000",
  872. greenyellow: "adff2f",
  873. grey: "808080",
  874. honeydew: "f0fff0",
  875. hotpink: "ff69b4",
  876. indianred: "cd5c5c",
  877. indigo: "4b0082",
  878. ivory: "fffff0",
  879. khaki: "f0e68c",
  880. lavender: "e6e6fa",
  881. lavenderblush: "fff0f5",
  882. lawngreen: "7cfc00",
  883. lemonchiffon: "fffacd",
  884. lightblue: "add8e6",
  885. lightcoral: "f08080",
  886. lightcyan: "e0ffff",
  887. lightgoldenrodyellow: "fafad2",
  888. lightgray: "d3d3d3",
  889. lightgreen: "90ee90",
  890. lightgrey: "d3d3d3",
  891. lightpink: "ffb6c1",
  892. lightsalmon: "ffa07a",
  893. lightseagreen: "20b2aa",
  894. lightskyblue: "87cefa",
  895. lightslategray: "789",
  896. lightslategrey: "789",
  897. lightsteelblue: "b0c4de",
  898. lightyellow: "ffffe0",
  899. lime: "0f0",
  900. limegreen: "32cd32",
  901. linen: "faf0e6",
  902. magenta: "f0f",
  903. maroon: "800000",
  904. mediumaquamarine: "66cdaa",
  905. mediumblue: "0000cd",
  906. mediumorchid: "ba55d3",
  907. mediumpurple: "9370db",
  908. mediumseagreen: "3cb371",
  909. mediumslateblue: "7b68ee",
  910. mediumspringgreen: "00fa9a",
  911. mediumturquoise: "48d1cc",
  912. mediumvioletred: "c71585",
  913. midnightblue: "191970",
  914. mintcream: "f5fffa",
  915. mistyrose: "ffe4e1",
  916. moccasin: "ffe4b5",
  917. navajowhite: "ffdead",
  918. navy: "000080",
  919. oldlace: "fdf5e6",
  920. olive: "808000",
  921. olivedrab: "6b8e23",
  922. orange: "ffa500",
  923. orangered: "ff4500",
  924. orchid: "da70d6",
  925. palegoldenrod: "eee8aa",
  926. palegreen: "98fb98",
  927. paleturquoise: "afeeee",
  928. palevioletred: "db7093",
  929. papayawhip: "ffefd5",
  930. peachpuff: "ffdab9",
  931. peru: "cd853f",
  932. pink: "ffc0cb",
  933. plum: "dda0dd",
  934. powderblue: "b0e0e6",
  935. purple: "800080",
  936. rebeccapurple: "663399",
  937. red: "f00",
  938. rosybrown: "bc8f8f",
  939. royalblue: "4169e1",
  940. saddlebrown: "8b4513",
  941. salmon: "fa8072",
  942. sandybrown: "f4a460",
  943. seagreen: "2e8b57",
  944. seashell: "fff5ee",
  945. sienna: "a0522d",
  946. silver: "c0c0c0",
  947. skyblue: "87ceeb",
  948. slateblue: "6a5acd",
  949. slategray: "708090",
  950. slategrey: "708090",
  951. snow: "fffafa",
  952. springgreen: "00ff7f",
  953. steelblue: "4682b4",
  954. tan: "d2b48c",
  955. teal: "008080",
  956. thistle: "d8bfd8",
  957. tomato: "ff6347",
  958. turquoise: "40e0d0",
  959. violet: "ee82ee",
  960. wheat: "f5deb3",
  961. white: "fff",
  962. whitesmoke: "f5f5f5",
  963. yellow: "ff0",
  964. yellowgreen: "9acd32"
  965. };
  966. // Make it easy to access colors via hexNames[hex]
  967. var hexNames = tinycolor.hexNames = flip(names);
  968. // Utilities
  969. // ---------
  970. // { 'name1': 'val1' } becomes { 'val1': 'name1' }
  971. function flip(o) {
  972. var flipped = { };
  973. for (var i in o) {
  974. if (o.hasOwnProperty(i)) {
  975. flipped[o[i]] = i;
  976. }
  977. }
  978. return flipped;
  979. }
  980. // Return a valid alpha value [0,1] with all invalid values being set to 1
  981. function boundAlpha(a) {
  982. a = parseFloat(a);
  983. if (isNaN(a) || a < 0 || a > 1) {
  984. a = 1;
  985. }
  986. return a;
  987. }
  988. // Take input from [0, n] and return it as [0, 1]
  989. function bound01(n, max) {
  990. if (isOnePointZero(n)) { n = "100%"; }
  991. var processPercent = isPercentage(n);
  992. n = mathMin(max, mathMax(0, parseFloat(n)));
  993. // Automatically convert percentage into number
  994. if (processPercent) {
  995. n = parseInt(n * max, 10) / 100;
  996. }
  997. // Handle floating point rounding errors
  998. if ((Math.abs(n - max) < 0.000001)) {
  999. return 1;
  1000. }
  1001. // Convert into [0, 1] range if it isn't already
  1002. return (n % max) / parseFloat(max);
  1003. }
  1004. // Force a number between 0 and 1
  1005. function clamp01(val) {
  1006. return mathMin(1, mathMax(0, val));
  1007. }
  1008. // Parse a base-16 hex value into a base-10 integer
  1009. function parseIntFromHex(val) {
  1010. return parseInt(val, 16);
  1011. }
  1012. // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
  1013. // <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
  1014. function isOnePointZero(n) {
  1015. return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
  1016. }
  1017. // Check to see if string passed in is a percentage
  1018. function isPercentage(n) {
  1019. return typeof n === "string" && n.indexOf('%') != -1;
  1020. }
  1021. // Force a hex value to have 2 characters
  1022. function pad2(c) {
  1023. return c.length == 1 ? '0' + c : '' + c;
  1024. }
  1025. // Replace a decimal with it's percentage value
  1026. function convertToPercentage(n) {
  1027. if (n <= 1) {
  1028. n = (n * 100) + "%";
  1029. }
  1030. return n;
  1031. }
  1032. // Converts a decimal to a hex value
  1033. function convertDecimalToHex(d) {
  1034. return Math.round(parseFloat(d) * 255).toString(16);
  1035. }
  1036. // Converts a hex value to a decimal
  1037. function convertHexToDecimal(h) {
  1038. return (parseIntFromHex(h) / 255);
  1039. }
  1040. var matchers = (function() {
  1041. // <http://www.w3.org/TR/css3-values/#integers>
  1042. var CSS_INTEGER = "[-\\+]?\\d+%?";
  1043. // <http://www.w3.org/TR/css3-values/#number-value>
  1044. var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
  1045. // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
  1046. var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
  1047. // Actual matching.
  1048. // Parentheses and commas are optional, but not required.
  1049. // Whitespace can take the place of commas or opening paren
  1050. var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
  1051. var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
  1052. return {
  1053. CSS_UNIT: new RegExp(CSS_UNIT),
  1054. rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
  1055. rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
  1056. hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
  1057. hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
  1058. hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
  1059. hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
  1060. hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
  1061. hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
  1062. hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
  1063. hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
  1064. };
  1065. })();
  1066. // isValidCSSUnit
  1067. // Take in a single string / number and check to see if it looks like a CSS unit
  1068. // (see matchers above for definition).
  1069. function isValidCSSUnit(color) {
  1070. return !!matchers.CSS_UNIT.exec(color);
  1071. }
  1072. // stringInputToObject
  1073. // Permissive string parsing. Take in a number of formats, and output an object
  1074. // based on detected format. Returns { r, g, b } or { h, s, l } or { h, s, v}
  1075. function stringInputToObject(color) {
  1076. color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase();
  1077. var named = false;
  1078. if (names[color]) {
  1079. color = names[color];
  1080. named = true;
  1081. }
  1082. else if (color == 'transparent') {
  1083. return { r: 0, g: 0, b: 0, a: 0, format: "name" };
  1084. }
  1085. // Try to match string input using regular expressions.
  1086. // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
  1087. // Just return an object and let the conversion functions handle that.
  1088. // This way the result will be the same whether the tinycolor is initialized with string or object.
  1089. var match;
  1090. if ((match = matchers.rgb.exec(color))) {
  1091. return { r: match[1], g: match[2], b: match[3] };
  1092. }
  1093. if ((match = matchers.rgba.exec(color))) {
  1094. return { r: match[1], g: match[2], b: match[3], a: match[4] };
  1095. }
  1096. if ((match = matchers.hsl.exec(color))) {
  1097. return { h: match[1], s: match[2], l: match[3] };
  1098. }
  1099. if ((match = matchers.hsla.exec(color))) {
  1100. return { h: match[1], s: match[2], l: match[3], a: match[4] };
  1101. }
  1102. if ((match = matchers.hsv.exec(color))) {
  1103. return { h: match[1], s: match[2], v: match[3] };
  1104. }
  1105. if ((match = matchers.hsva.exec(color))) {
  1106. return { h: match[1], s: match[2], v: match[3], a: match[4] };
  1107. }
  1108. if ((match = matchers.hex8.exec(color))) {
  1109. return {
  1110. r: parseIntFromHex(match[1]),
  1111. g: parseIntFromHex(match[2]),
  1112. b: parseIntFromHex(match[3]),
  1113. a: convertHexToDecimal(match[4]),
  1114. format: named ? "name" : "hex8"
  1115. };
  1116. }
  1117. if ((match = matchers.hex6.exec(color))) {
  1118. return {
  1119. r: parseIntFromHex(match[1]),
  1120. g: parseIntFromHex(match[2]),
  1121. b: parseIntFromHex(match[3]),
  1122. format: named ? "name" : "hex"
  1123. };
  1124. }
  1125. if ((match = matchers.hex4.exec(color))) {
  1126. return {
  1127. r: parseIntFromHex(match[1] + '' + match[1]),
  1128. g: parseIntFromHex(match[2] + '' + match[2]),
  1129. b: parseIntFromHex(match[3] + '' + match[3]),
  1130. a: convertHexToDecimal(match[4] + '' + match[4]),
  1131. format: named ? "name" : "hex8"
  1132. };
  1133. }
  1134. if ((match = matchers.hex3.exec(color))) {
  1135. return {
  1136. r: parseIntFromHex(match[1] + '' + match[1]),
  1137. g: parseIntFromHex(match[2] + '' + match[2]),
  1138. b: parseIntFromHex(match[3] + '' + match[3]),
  1139. format: named ? "name" : "hex"
  1140. };
  1141. }
  1142. return false;
  1143. }
  1144. function validateWCAG2Parms(parms) {
  1145. // return valid WCAG2 parms for isReadable.
  1146. // If input parms are invalid, return {"level":"AA", "size":"small"}
  1147. var level, size;
  1148. parms = parms || {"level":"AA", "size":"small"};
  1149. level = (parms.level || "AA").toUpperCase();
  1150. size = (parms.size || "small").toLowerCase();
  1151. if (level !== "AA" && level !== "AAA") {
  1152. level = "AA";
  1153. }
  1154. if (size !== "small" && size !== "large") {
  1155. size = "small";
  1156. }
  1157. return {"level":level, "size":size};
  1158. }
  1159. this.tinycolor = tinycolor;
  1160. })()`;
  1161. }
  1162. // It is hacky way to make this function will be compiled preferentially by less
  1163. // resolve error: `ReferenceError: colorPalette is not defined`
  1164. // https://github.com/ant-design/ant-motion/issues/44
  1165. .tinyColorMixin();
  1166. // We create a very complex algorithm which take the place of original tint/shade color system
  1167. // to make sure no one can understand it 👻
  1168. // and create an entire color palette magicly by inputing just a single primary color.
  1169. // We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin
  1170. .colorPaletteMixin() {
  1171. @functions: ~`(function() {
  1172. var hueStep = 2;
  1173. var saturationStep = 16;
  1174. var saturationStep2 = 5;
  1175. var brightnessStep1 = 5;
  1176. var brightnessStep2 = 15;
  1177. var lightColorCount = 5;
  1178. var darkColorCount = 4;
  1179. var getHue = function(hsv, i, isLight) {
  1180. var hue;
  1181. if (hsv.h >= 60 && hsv.h <= 240) {
  1182. hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
  1183. } else {
  1184. hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
  1185. }
  1186. if (hue < 0) {
  1187. hue += 360;
  1188. } else if (hue >= 360) {
  1189. hue -= 360;
  1190. }
  1191. return Math.round(hue);
  1192. };
  1193. var getSaturation = function(hsv, i, isLight) {
  1194. var saturation;
  1195. if (isLight) {
  1196. saturation = Math.round(hsv.s * 100) - saturationStep * i;
  1197. } else if (i === darkColorCount) {
  1198. saturation = Math.round(hsv.s * 100) + saturationStep;
  1199. } else {
  1200. saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
  1201. }
  1202. if (saturation > 100) {
  1203. saturation = 100;
  1204. }
  1205. if (isLight && i === lightColorCount && saturation > 10) {
  1206. saturation = 10;
  1207. }
  1208. if (saturation < 6) {
  1209. saturation = 6;
  1210. }
  1211. return Math.round(saturation);
  1212. };
  1213. var getValue = function(hsv, i, isLight) {
  1214. if (isLight) {
  1215. return Math.round(hsv.v * 100) + brightnessStep1 * i;
  1216. }
  1217. return Math.round(hsv.v * 100) - brightnessStep2 * i;
  1218. };
  1219. this.colorPalette = function(color, index) {
  1220. var isLight = index <= 6;
  1221. var hsv = tinycolor(color).toHsv();
  1222. var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
  1223. return tinycolor({
  1224. h: getHue(hsv, i, isLight),
  1225. s: getSaturation(hsv, i, isLight),
  1226. v: getValue(hsv, i, isLight),
  1227. }).toHexString();
  1228. };
  1229. })()`;
  1230. }
  1231. // It is hacky way to make this function will be compiled preferentially by less
  1232. // resolve error: `ReferenceError: colorPalette is not defined`
  1233. // https://github.com/ant-design/ant-motion/issues/44
  1234. .colorPaletteMixin();
  1235. // color palettes
  1236. @blue-base: #1890ff;
  1237. @blue-1: color(~`colorPalette('@{blue-6}', 1) `);
  1238. @blue-2: color(~`colorPalette('@{blue-6}', 2) `);
  1239. @blue-3: color(~`colorPalette('@{blue-6}', 3) `);
  1240. @blue-4: color(~`colorPalette('@{blue-6}', 4) `);
  1241. @blue-5: color(~`colorPalette('@{blue-6}', 5) `);
  1242. @blue-6: @blue-base;
  1243. @blue-7: color(~`colorPalette('@{blue-6}', 7) `);
  1244. @blue-8: color(~`colorPalette('@{blue-6}', 8) `);
  1245. @blue-9: color(~`colorPalette('@{blue-6}', 9) `);
  1246. @blue-10: color(~`colorPalette('@{blue-6}', 10) `);
  1247. @purple-base: #722ed1;
  1248. @purple-1: color(~`colorPalette('@{purple-6}', 1) `);
  1249. @purple-2: color(~`colorPalette('@{purple-6}', 2) `);
  1250. @purple-3: color(~`colorPalette('@{purple-6}', 3) `);
  1251. @purple-4: color(~`colorPalette('@{purple-6}', 4) `);
  1252. @purple-5: color(~`colorPalette('@{purple-6}', 5) `);
  1253. @purple-6: @purple-base;
  1254. @purple-7: color(~`colorPalette('@{purple-6}', 7) `);
  1255. @purple-8: color(~`colorPalette('@{purple-6}', 8) `);
  1256. @purple-9: color(~`colorPalette('@{purple-6}', 9) `);
  1257. @purple-10: color(~`colorPalette('@{purple-6}', 10) `);
  1258. @cyan-base: #13c2c2;
  1259. @cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
  1260. @cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
  1261. @cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
  1262. @cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
  1263. @cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
  1264. @cyan-6: @cyan-base;
  1265. @cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
  1266. @cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
  1267. @cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
  1268. @cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
  1269. @green-base: #52c41a;
  1270. @green-1: color(~`colorPalette('@{green-6}', 1) `);
  1271. @green-2: color(~`colorPalette('@{green-6}', 2) `);
  1272. @green-3: color(~`colorPalette('@{green-6}', 3) `);
  1273. @green-4: color(~`colorPalette('@{green-6}', 4) `);
  1274. @green-5: color(~`colorPalette('@{green-6}', 5) `);
  1275. @green-6: @green-base;
  1276. @green-7: color(~`colorPalette('@{green-6}', 7) `);
  1277. @green-8: color(~`colorPalette('@{green-6}', 8) `);
  1278. @green-9: color(~`colorPalette('@{green-6}', 9) `);
  1279. @green-10: color(~`colorPalette('@{green-6}', 10) `);
  1280. @magenta-base: #eb2f96;
  1281. @magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
  1282. @magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
  1283. @magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
  1284. @magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
  1285. @magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
  1286. @magenta-6: @magenta-base;
  1287. @magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
  1288. @magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
  1289. @magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
  1290. @magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
  1291. // alias of magenta
  1292. @pink-base: #eb2f96;
  1293. @pink-1: color(~`colorPalette('@{pink-6}', 1) `);
  1294. @pink-2: color(~`colorPalette('@{pink-6}', 2) `);
  1295. @pink-3: color(~`colorPalette('@{pink-6}', 3) `);
  1296. @pink-4: color(~`colorPalette('@{pink-6}', 4) `);
  1297. @pink-5: color(~`colorPalette('@{pink-6}', 5) `);
  1298. @pink-6: @pink-base;
  1299. @pink-7: color(~`colorPalette('@{pink-6}', 7) `);
  1300. @pink-8: color(~`colorPalette('@{pink-6}', 8) `);
  1301. @pink-9: color(~`colorPalette('@{pink-6}', 9) `);
  1302. @pink-10: color(~`colorPalette('@{pink-6}', 10) `);
  1303. @red-base: #f5222d;
  1304. @red-1: color(~`colorPalette('@{red-6}', 1) `);
  1305. @red-2: color(~`colorPalette('@{red-6}', 2) `);
  1306. @red-3: color(~`colorPalette('@{red-6}', 3) `);
  1307. @red-4: color(~`colorPalette('@{red-6}', 4) `);
  1308. @red-5: color(~`colorPalette('@{red-6}', 5) `);
  1309. @red-6: @red-base;
  1310. @red-7: color(~`colorPalette('@{red-6}', 7) `);
  1311. @red-8: color(~`colorPalette('@{red-6}', 8) `);
  1312. @red-9: color(~`colorPalette('@{red-6}', 9) `);
  1313. @red-10: color(~`colorPalette('@{red-6}', 10) `);
  1314. @orange-base: #fa8c16;
  1315. @orange-1: color(~`colorPalette('@{orange-6}', 1) `);
  1316. @orange-2: color(~`colorPalette('@{orange-6}', 2) `);
  1317. @orange-3: color(~`colorPalette('@{orange-6}', 3) `);
  1318. @orange-4: color(~`colorPalette('@{orange-6}', 4) `);
  1319. @orange-5: color(~`colorPalette('@{orange-6}', 5) `);
  1320. @orange-6: @orange-base;
  1321. @orange-7: color(~`colorPalette('@{orange-6}', 7) `);
  1322. @orange-8: color(~`colorPalette('@{orange-6}', 8) `);
  1323. @orange-9: color(~`colorPalette('@{orange-6}', 9) `);
  1324. @orange-10: color(~`colorPalette('@{orange-6}', 10) `);
  1325. @yellow-base: #fadb14;
  1326. @yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
  1327. @yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
  1328. @yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
  1329. @yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
  1330. @yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
  1331. @yellow-6: @yellow-base;
  1332. @yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
  1333. @yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
  1334. @yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
  1335. @yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
  1336. @volcano-base: #fa541c;
  1337. @volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
  1338. @volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
  1339. @volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
  1340. @volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
  1341. @volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
  1342. @volcano-6: @volcano-base;
  1343. @volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
  1344. @volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
  1345. @volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
  1346. @volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
  1347. @geekblue-base: #2f54eb;
  1348. @geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
  1349. @geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
  1350. @geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
  1351. @geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
  1352. @geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
  1353. @geekblue-6: @geekblue-base;
  1354. @geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
  1355. @geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
  1356. @geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
  1357. @geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
  1358. @lime-base: #a0d911;
  1359. @lime-1: color(~`colorPalette('@{lime-6}', 1) `);
  1360. @lime-2: color(~`colorPalette('@{lime-6}', 2) `);
  1361. @lime-3: color(~`colorPalette('@{lime-6}', 3) `);
  1362. @lime-4: color(~`colorPalette('@{lime-6}', 4) `);
  1363. @lime-5: color(~`colorPalette('@{lime-6}', 5) `);
  1364. @lime-6: @lime-base;
  1365. @lime-7: color(~`colorPalette('@{lime-6}', 7) `);
  1366. @lime-8: color(~`colorPalette('@{lime-6}', 8) `);
  1367. @lime-9: color(~`colorPalette('@{lime-6}', 9) `);
  1368. @lime-10: color(~`colorPalette('@{lime-6}', 10) `);
  1369. @gold-base: #faad14;
  1370. @gold-1: color(~`colorPalette('@{gold-6}', 1) `);
  1371. @gold-2: color(~`colorPalette('@{gold-6}', 2) `);
  1372. @gold-3: color(~`colorPalette('@{gold-6}', 3) `);
  1373. @gold-4: color(~`colorPalette('@{gold-6}', 4) `);
  1374. @gold-5: color(~`colorPalette('@{gold-6}', 5) `);
  1375. @gold-6: @gold-base;
  1376. @gold-7: color(~`colorPalette('@{gold-6}', 7) `);
  1377. @gold-8: color(~`colorPalette('@{gold-6}', 8) `);
  1378. @gold-9: color(~`colorPalette('@{gold-6}', 9) `);
  1379. @gold-10: color(~`colorPalette('@{gold-6}', 10) `);
  1380. @preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
  1381. purple;
  1382. @theme: default;
  1383. // The prefix to use on all css classes from ant.
  1384. @ant-prefix: ant;
  1385. // An override for the html selector for theme prefixes
  1386. @html-selector: html;
  1387. // -------- Colors -----------
  1388. @info-color: @primary-color;
  1389. @processing-color: @blue-6;
  1390. @highlight-color: @red-5;
  1391. @normal-color: #d9d9d9;
  1392. @white: #fff;
  1393. @black: #000;
  1394. // Color used by default to control hover and active backgrounds and for
  1395. // alert info backgrounds.
  1396. @primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
  1397. @primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
  1398. @primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
  1399. @primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
  1400. @primary-5: color(
  1401. ~`colorPalette('@{primary-color}', 5) `
  1402. ); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
  1403. @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
  1404. @primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
  1405. @primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
  1406. @primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
  1407. @primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
  1408. // Base Scaffolding Variables
  1409. // ---
  1410. // Background color for `<body>`
  1411. @body-background: #f5f5f5;
  1412. // Base background color for most components
  1413. // Popover background color
  1414. @popover-background: @component-background;
  1415. @popover-customize-border-color: @border-color-split;
  1416. @font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  1417. 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  1418. 'Noto Color Emoji';
  1419. @code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  1420. @text-color-inverse: @white;
  1421. @icon-color: inherit;
  1422. @icon-color-hover: fade(@black, 75%);
  1423. @heading-color-dark: fade(@white, 100%);
  1424. @text-color-dark: fade(@white, 85%);
  1425. @text-color-secondary-dark: fade(@white, 65%);
  1426. @text-selection-bg: @primary-color;
  1427. @font-variant-base: tabular-nums;
  1428. @font-feature-settings-base: 'tnum';
  1429. @font-size-base: 14px;
  1430. @font-size-lg: @font-size-base + 2px;
  1431. @font-size-sm: 12px;
  1432. @heading-1-size: ceil(@font-size-base * 2.71);
  1433. @heading-2-size: ceil(@font-size-base * 2.14);
  1434. @heading-3-size: ceil(@font-size-base * 1.71);
  1435. @heading-4-size: ceil(@font-size-base * 1.42);
  1436. // https://github.com/ant-design/ant-design/issues/20210
  1437. @line-height-base: 1.5715;
  1438. @border-radius-base: 2px;
  1439. @border-radius-sm: @border-radius-base;
  1440. // vertical paddings
  1441. @padding-lg: 24px; // containers
  1442. @padding-md: 16px; // small containers and buttons
  1443. @padding-sm: 12px; // Form controls and items
  1444. @padding-xs: 8px; // small items
  1445. @padding-xss: 4px; // more small
  1446. // vertical padding for all form controls
  1447. @control-padding-horizontal: @padding-sm;
  1448. @control-padding-horizontal-sm: @padding-xs;
  1449. // vertical margins
  1450. @margin-lg: 24px; // containers
  1451. @margin-md: 16px; // small containers and buttons
  1452. @margin-sm: 12px; // Form controls and items
  1453. @margin-xs: 8px; // small items
  1454. @margin-xss: 4px; // more small
  1455. // height rules
  1456. @height-base: 32px;
  1457. @height-lg: 40px;
  1458. @height-sm: 24px;
  1459. // The background colors for active and hover states for things like
  1460. // list items or MyTable cells.
  1461. @item-active-bg: @primary-1;
  1462. @item-hover-bg: #f5f5f5;
  1463. // ICONFONT
  1464. @iconfont-css-prefix: anticon;
  1465. // LINK
  1466. @link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
  1467. @link-active-color: color(~`colorPalette('@{link-color}', 7) `);
  1468. @link-decoration: none;
  1469. @link-hover-decoration: none;
  1470. @link-focus-decoration: none;
  1471. @link-focus-outline: 0;
  1472. // Animation
  1473. @ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  1474. @ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  1475. @ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  1476. @ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  1477. @ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  1478. @ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  1479. @ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  1480. @ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  1481. @ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  1482. @ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  1483. @ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  1484. @ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  1485. @ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  1486. @ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  1487. // Border color
  1488. // base border outline a component
  1489. @border-color-split: hsv(0, 0, 94%); // split border inside a component
  1490. @border-color-inverse: @white;
  1491. @border-width-base: 1px; // width of the border for a component
  1492. @border-style-base: solid; // style of a components border
  1493. // Outline
  1494. @outline-blur-size: 0;
  1495. @outline-width: 2px;
  1496. @outline-color: @primary-color;
  1497. @outline-fade: 20%;
  1498. @background-color-light: hsv(0, 0, 98%); // background of Header and selected item
  1499. @background-color-base: hsv(0, 0, 96%); // Default grey background color
  1500. // Disabled states
  1501. @disabled-bg: @background-color-base;
  1502. @disabled-color-dark: fade(#fff, 35%);
  1503. // Shadow
  1504. @shadow-color: rgba(0, 0, 0, 0.15);
  1505. @shadow-color-inverse: @component-background;
  1506. @box-shadow-base: @shadow-2;
  1507. @shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05),
  1508. 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  1509. @shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
  1510. 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  1511. @shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05),
  1512. -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  1513. @shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),
  1514. 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  1515. @shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
  1516. 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  1517. // Buttons
  1518. @btn-font-weight: 400;
  1519. @btn-border-radius-base: @border-radius-base;
  1520. @btn-border-radius-sm: @border-radius-base;
  1521. @btn-border-width: @border-width-base;
  1522. @btn-border-style: @border-style-base;
  1523. @btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  1524. @btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  1525. @btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  1526. @btn-primary-color: #fff;
  1527. @btn-primary-bg: @primary-color;
  1528. @btn-default-color: @text-color;
  1529. @btn-default-bg: @component-background;
  1530. @btn-default-border: @border-color-base;
  1531. @btn-danger-color: #fff;
  1532. @btn-danger-bg: @error-color;
  1533. @btn-danger-border: @error-color;
  1534. @btn-disable-color: @disabled-color;
  1535. @btn-disable-bg: @disabled-bg;
  1536. @btn-disable-border: @border-color-base;
  1537. @btn-default-ghost-color: @component-background;
  1538. @btn-default-ghost-bg: transparent;
  1539. @btn-default-ghost-border: @component-background;
  1540. @btn-font-size-lg: @font-size-lg;
  1541. @btn-font-size-sm: @font-size-base;
  1542. @btn-padding-horizontal-base: @padding-md - 1px;
  1543. @btn-padding-horizontal-lg: @btn-padding-horizontal-base;
  1544. @btn-padding-horizontal-sm: @padding-xs - 1px;
  1545. @btn-height-base: @height-base;
  1546. @btn-height-lg: @height-lg;
  1547. @btn-height-sm: @height-sm;
  1548. @btn-circle-size: @btn-height-base;
  1549. @btn-circle-size-lg: @btn-height-lg;
  1550. @btn-circle-size-sm: @btn-height-sm;
  1551. @btn-square-size: @btn-height-base;
  1552. @btn-square-size-lg: @btn-height-lg;
  1553. @btn-square-size-sm: @btn-height-sm;
  1554. @btn-square-only-icon-size: @font-size-base + 2px;
  1555. @btn-square-only-icon-size-sm: @font-size-base;
  1556. @btn-square-only-icon-size-lg: @btn-font-size-lg + 2px;
  1557. @btn-group-border: @primary-5;
  1558. @btn-link-ghost-color: @component-background;
  1559. // Checkbox
  1560. @checkbox-size: 16px;
  1561. @checkbox-color: @primary-color;
  1562. @checkbox-check-color: #fff;
  1563. @checkbox-check-bg: @checkbox-check-color;
  1564. @checkbox-border-width: @border-width-base;
  1565. @checkbox-group-item-margin-right: 8px;
  1566. // Descriptions
  1567. @descriptions-bg: #fafafa;
  1568. @descriptions-title-margin-bottom: 20px;
  1569. @descriptions-default-padding: @padding-md @padding-lg;
  1570. @descriptions-middle-padding: @padding-sm @padding-lg;
  1571. @descriptions-small-padding: @padding-xs @padding-md;
  1572. @descriptions-item-padding-bottom: @padding-md;
  1573. // Dropdown
  1574. @dropdown-selected-color: @primary-color;
  1575. @dropdown-menu-submenu-disabled-bg: @component-background;
  1576. // Empty
  1577. @empty-font-size: @font-size-base;
  1578. // Radio
  1579. @radio-size: 16px;
  1580. @radio-top: 0px;
  1581. @radio-dot-color: @primary-color;
  1582. @radio-dot-disabled-color: fade(@black, 20%);
  1583. // solid text-color
  1584. @radtio-solid-checked-color: @component-background;
  1585. // Keep typo compatible
  1586. @radio-solid-checked-color: @radtio-solid-checked-color;
  1587. // Radio buttons
  1588. @radio-button-bg: @btn-default-bg;
  1589. @radio-button-checked-bg: @btn-default-bg;
  1590. @radio-button-color: @btn-default-color;
  1591. @radio-button-hover-color: @primary-5;
  1592. @radio-button-active-color: @primary-7;
  1593. @radio-disabled-button-checked-bg: tint(@black, 90%);
  1594. @radio-disabled-button-checked-color: @text-color-inverse;
  1595. @radio-wrapper-margin-right: 8px;
  1596. // Media queries breakpoints
  1597. // Extra small screen / phone
  1598. @screen-xs: 480px;
  1599. @screen-xs-min: @screen-xs;
  1600. // Small screen / tablet
  1601. @screen-sm: 576px;
  1602. @screen-sm-min: @screen-sm;
  1603. // Medium screen / desktop
  1604. @screen-md: 768px;
  1605. @screen-md-min: @screen-md;
  1606. // Large screen / wide desktop
  1607. @screen-lg: 992px;
  1608. @screen-lg-min: @screen-lg;
  1609. // Extra large screen / full hd
  1610. @screen-xl: 1200px;
  1611. @screen-xl-min: @screen-xl;
  1612. // Extra extra large screen / large desktop
  1613. @screen-xxl: 1600px;
  1614. @screen-xxl-min: @screen-xxl;
  1615. // provide a maximum
  1616. @screen-xs-max: (@screen-sm-min - 1px);
  1617. @screen-sm-max: (@screen-md-min - 1px);
  1618. @screen-md-max: (@screen-lg-min - 1px);
  1619. @screen-lg-max: (@screen-xl-min - 1px);
  1620. @screen-xl-max: (@screen-xxl-min - 1px);
  1621. // Grid system
  1622. @grid-columns: 24;
  1623. @grid-gutter-width: 0;
  1624. // Layout
  1625. @layout-header-background: #001529;
  1626. @layout-header-height: 64px;
  1627. @layout-header-padding: 0 50px;
  1628. @layout-header-color: @text-color;
  1629. @layout-footer-padding: 24px 50px;
  1630. @layout-footer-background: @layout-body-background;
  1631. @layout-sider-background: @layout-header-background;
  1632. @layout-trigger-height: 48px;
  1633. @layout-trigger-background: #002140;
  1634. @layout-trigger-color: #fff;
  1635. @layout-zero-trigger-width: 36px;
  1636. @layout-zero-trigger-height: 42px;
  1637. // Layout light theme
  1638. @layout-sider-background-light: #fff;
  1639. @layout-trigger-background-light: #fff;
  1640. @layout-trigger-color-light: @text-color;
  1641. // z-index list, order by `z-index`
  1642. @zindex-badge: auto;
  1643. @zindex-table-fixed: auto;
  1644. @zindex-affix: 10;
  1645. @zindex-back-top: 10;
  1646. @zindex-picker-panel: 10;
  1647. @zindex-popup-close: 10;
  1648. @zindex-modal: 1000;
  1649. @zindex-modal-mask: 1000;
  1650. @zindex-message: 1010;
  1651. @zindex-notification: 1010;
  1652. @zindex-popover: 1030;
  1653. @zindex-dropdown: 1050;
  1654. @zindex-picker: 1050;
  1655. @zindex-tooltip: 1060;
  1656. // Animation
  1657. @animation-duration-slow: 0.3s; // Modal
  1658. @animation-duration-base: 0.2s;
  1659. @animation-duration-fast: 0.1s; // Tooltip
  1660. //CollapsePanel
  1661. @collapse-panel-border-radius: @border-radius-base;
  1662. //Dropdown
  1663. @dropdown-menu-bg: @component-background;
  1664. @dropdown-vertical-padding: 5px;
  1665. @dropdown-edge-child-vertical-padding: 4px;
  1666. @dropdown-font-size: @font-size-base;
  1667. @dropdown-line-height: 22px;
  1668. // Form
  1669. // ---
  1670. @label-required-color: @highlight-color;
  1671. @label-color: @heading-color;
  1672. @form-warning-input-bg: @input-bg;
  1673. @form-item-margin-bottom: 24px;
  1674. @form-item-trailing-colon: true;
  1675. @form-vertical-label-padding: 0 0 8px;
  1676. @form-vertical-label-margin: 0;
  1677. @form-item-label-font-size: @font-size-base;
  1678. @form-item-label-height: @input-height-base;
  1679. @form-item-label-colon-margin-right: 8px;
  1680. @form-item-label-colon-margin-left: 2px;
  1681. @form-error-input-bg: @input-bg;
  1682. // Input
  1683. // ---
  1684. @input-height-base: @height-base;
  1685. @input-height-lg: @height-lg;
  1686. @input-height-sm: @height-sm;
  1687. @input-padding-horizontal: @control-padding-horizontal - 1px;
  1688. @input-padding-horizontal-base: @input-padding-horizontal;
  1689. @input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
  1690. @input-padding-horizontal-lg: @input-padding-horizontal;
  1691. @input-padding-vertical-base: max(
  1692. round((@input-height-base - @font-size-base * @line-height-base) / 2 * 10) / 10 -
  1693. @border-width-base,
  1694. 3px
  1695. );
  1696. @input-padding-vertical-sm: max(
  1697. round((@input-height-sm - @font-size-base * @line-height-base) / 2 * 10) / 10 - @border-width-base,
  1698. 0
  1699. );
  1700. @input-padding-vertical-lg: ceil((@input-height-lg - @font-size-lg * @line-height-base) / 2 * 10) /
  1701. 10 - @border-width-base;
  1702. @input-placeholder-color: hsv(0, 0, 75%);
  1703. @input-color: @text-color;
  1704. @input-icon-color: @input-color;
  1705. @input-border-color: @border-color-base;
  1706. @input-bg: @component-background;
  1707. @input-number-hover-border-color: @input-hover-border-color;
  1708. @input-number-handler-active-bg: #f4f4f4;
  1709. @input-number-handler-hover-bg: @primary-5;
  1710. @input-number-handler-bg: @component-background;
  1711. @input-number-handler-border-color: @border-color-base;
  1712. @input-addon-bg: @background-color-light;
  1713. @input-hover-border-color: @primary-5;
  1714. @input-disabled-bg: @disabled-bg;
  1715. @input-outline-offset: 0 0;
  1716. @input-icon-hover-color: fade(@black, 85%);
  1717. // Mentions
  1718. // ---
  1719. @mentions-dropdown-bg: @component-background;
  1720. @mentions-dropdown-menu-item-hover-bg: @mentions-dropdown-bg;
  1721. // Select
  1722. // ---
  1723. @select-border-color: @border-color-base;
  1724. @select-item-selected-font-weight: 600;
  1725. @select-dropdown-bg: @component-background;
  1726. @select-item-selected-bg: @primary-1;
  1727. @select-item-active-bg: @item-hover-bg;
  1728. @select-dropdown-vertical-padding: @dropdown-vertical-padding;
  1729. @select-dropdown-font-size: @dropdown-font-size;
  1730. @select-dropdown-line-height: @dropdown-line-height;
  1731. @select-dropdown-height: 32px;
  1732. @select-background: @component-background;
  1733. @select-clear-background: @select-background;
  1734. @select-selection-item-bg: @background-color-base;
  1735. @select-selection-item-border-color: @border-color-split;
  1736. @select-single-item-height-lg: 40px;
  1737. @select-multiple-item-height: @input-height-base - @input-padding-vertical-base * 2; // Normal 24px
  1738. @select-multiple-item-height-lg: 32px;
  1739. @select-multiple-item-spacing-half: ceil(@input-padding-vertical-base / 2);
  1740. // Cascader
  1741. // ---
  1742. @cascader-bg: @component-background;
  1743. @cascader-item-selected-bg: @primary-1;
  1744. @cascader-menu-bg: @component-background;
  1745. @cascader-menu-border-color-split: @border-color-split;
  1746. // Cascader
  1747. // ----
  1748. @cascader-dropdown-vertical-padding: @dropdown-vertical-padding;
  1749. @cascader-dropdown-edge-child-vertical-padding: @dropdown-edge-child-vertical-padding;
  1750. @cascader-dropdown-font-size: @dropdown-font-size;
  1751. @cascader-dropdown-line-height: @dropdown-line-height;
  1752. // Anchor
  1753. // ---
  1754. @anchor-bg: @component-background;
  1755. @anchor-border-color: @border-color-split;
  1756. @anchor-link-padding: 7px 0 7px 16px;
  1757. // Tooltip
  1758. // ---
  1759. // Tooltip max width
  1760. @tooltip-max-width: 250px;
  1761. // Tooltip text color
  1762. @tooltip-color: #fff;
  1763. // Tooltip background color
  1764. @tooltip-bg: rgba(0, 0, 0, 0.75);
  1765. // Tooltip arrow width
  1766. @tooltip-arrow-width: 5px;
  1767. // Tooltip distance with trigger
  1768. @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
  1769. // Tooltip arrow color
  1770. @tooltip-arrow-color: @tooltip-bg;
  1771. // Popover
  1772. // ---
  1773. // Popover body background color
  1774. @popover-bg: @component-background;
  1775. // Popover text color
  1776. @popover-color: @text-color;
  1777. // Popover maximum width
  1778. @popover-min-width: 177px;
  1779. @popover-min-height: 32px;
  1780. // Popover arrow width
  1781. @popover-arrow-width: 6px;
  1782. // Popover arrow color
  1783. @popover-arrow-color: @popover-bg;
  1784. // Popover outer arrow width
  1785. // Popover outer arrow color
  1786. @popover-arrow-outer-color: @popover-bg;
  1787. // Popover distance with trigger
  1788. @popover-distance: @popover-arrow-width + 4px;
  1789. @popover-padding-horizontal: @padding-md;
  1790. // Modal
  1791. // --
  1792. @modal-body-padding: @padding-lg;
  1793. @modal-header-bg: @component-background;
  1794. @modal-header-padding: @padding-md @padding-lg;
  1795. @modal-header-border-color-split: @border-color-split;
  1796. @modal-header-close-size: 56px;
  1797. @modal-content-bg: @component-background;
  1798. @modal-heading-color: @heading-color;
  1799. @modal-footer-bg: transparent;
  1800. @modal-footer-border-color-split: @border-color-split;
  1801. @modal-footer-padding-vertical: 10px;
  1802. @modal-footer-padding-horizontal: 16px;
  1803. @modal-mask-bg: fade(@black, 45%);
  1804. @modal-confirm-body-padding: 32px 32px 24px;
  1805. // Progress
  1806. // --
  1807. @progress-default-color: @processing-color;
  1808. @progress-remaining-color: @background-color-base;
  1809. @progress-text-color: @text-color;
  1810. @progress-radius: 100px;
  1811. @progress-steps-item-bg: #f3f3f3;
  1812. @progress-text-font-size: 1em;
  1813. @progress-circle-text-font-size: 1em;
  1814. // Menu
  1815. // ---
  1816. @menu-inline-toplevel-item-height: 40px;
  1817. @menu-item-height: 40px;
  1818. @menu-item-group-height: @line-height-base;
  1819. @menu-collapsed-width: 80px;
  1820. @menu-bg: @component-background;
  1821. @menu-popup-bg: @component-background;
  1822. @menu-item-color: @text-color;
  1823. @menu-highlight-color: @primary-color;
  1824. @menu-item-active-bg: @primary-1;
  1825. @menu-item-active-border-width: 3px;
  1826. @menu-item-group-title-color: @text-color-secondary;
  1827. @menu-icon-size: @font-size-base;
  1828. @menu-icon-size-lg: @font-size-lg;
  1829. @menu-item-vertical-margin: 4px;
  1830. @menu-item-font-size: @font-size-base;
  1831. @menu-item-boundary-margin: 8px;
  1832. @menu-item-padding: 0 20px;
  1833. @menu-horizontal-line-height: 46px;
  1834. @menu-item-icon-margin-right: 10px;
  1835. // dark theme
  1836. @menu-dark-color: @text-color-secondary-dark;
  1837. @menu-dark-bg: @layout-header-background;
  1838. @menu-dark-arrow-color: #fff;
  1839. @menu-dark-submenu-bg: #000c17;
  1840. @menu-dark-highlight-color: #fff;
  1841. @menu-dark-item-active-bg: @primary-color;
  1842. @menu-dark-selected-item-icon-color: @white;
  1843. @menu-dark-selected-item-text-color: @white;
  1844. @menu-dark-item-hover-bg: transparent;
  1845. // Spin
  1846. // ---
  1847. @spin-dot-size-sm: 14px;
  1848. @spin-dot-size: 20px;
  1849. @spin-dot-size-lg: 32px;
  1850. // Table
  1851. // --
  1852. @table-bg: @component-background;
  1853. @table-header-bg: @background-color-light;
  1854. @table-header-color: @heading-color;
  1855. @table-header-sort-bg: @background-color-base;
  1856. @table-body-sort-bg: #fafafa;
  1857. @table-row-hover-bg: @background-color-light;
  1858. @table-selected-row-color: inherit;
  1859. @table-selected-row-bg: @primary-1;
  1860. @table-body-selected-sort-bg: @table-selected-row-bg;
  1861. @table-selected-row-hover-bg: darken(@table-selected-row-bg, 2%);
  1862. @table-expanded-row-bg: #fbfbfb;
  1863. @table-padding-vertical: 16px;
  1864. @table-padding-horizontal: 16px;
  1865. @table-padding-vertical-md: @table-padding-vertical * 3 / 4;
  1866. @table-padding-horizontal-md: @table-padding-horizontal / 2;
  1867. @table-padding-vertical-sm: @table-padding-vertical / 2;
  1868. @table-padding-horizontal-sm: @table-padding-horizontal / 2;
  1869. @table-border-radius-base: @border-radius-base;
  1870. @table-footer-bg: @background-color-light;
  1871. @table-footer-color: @heading-color;
  1872. @table-header-bg-sm: @table-header-bg;
  1873. // Sorter
  1874. // Legacy: `MyTable-Header-sort-active-bg` is used for hover not real active
  1875. @table-header-sort-active-bg: darken(@table-header-bg, 3%);
  1876. // Filter
  1877. @table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
  1878. @table-filter-btns-bg: inherit;
  1879. @table-filter-dropdown-bg: @component-background;
  1880. @table-expand-icon-bg: @component-background;
  1881. @table-selection-column-width: 60px;
  1882. @table-selection-extra-right: -10px;
  1883. // Tag
  1884. // --
  1885. @tag-default-bg: @background-color-light;
  1886. @tag-default-color: @text-color;
  1887. @tag-font-size: @font-size-sm;
  1888. @tag-line-height: 20px;
  1889. // TimePicker
  1890. // ---
  1891. @picker-bg: @component-background;
  1892. @picker-basic-cell-hover-color: @item-hover-bg;
  1893. @picker-basic-cell-active-with-range-color: @primary-1;
  1894. @picker-basic-cell-hover-with-range-color: lighten(@primary-color, 35%);
  1895. @picker-basic-cell-disabled-bg: @disabled-bg;
  1896. @picker-border-color: @border-color-split;
  1897. @picker-date-hover-range-border-color: lighten(@primary-color, 20%);
  1898. @picker-date-hover-range-color: @picker-basic-cell-hover-with-range-color;
  1899. @picker-time-panel-cell-height: 28px;
  1900. @picker-panel-cell-height: 24px;
  1901. @picker-panel-cell-width: 36px;
  1902. @picker-text-height: 40px;
  1903. @picker-panel-without-time-cell-height: 66px;
  1904. // Calendar
  1905. // ---
  1906. @calendar-bg: @component-background;
  1907. @calendar-input-bg: @input-bg;
  1908. @calendar-border-color: @border-color-inverse;
  1909. @calendar-item-active-bg: @item-active-bg;
  1910. @calendar-full-bg: @calendar-bg;
  1911. @calendar-full-panel-bg: @calendar-full-bg;
  1912. // Carousel
  1913. // ---
  1914. @carousel-dot-width: 16px;
  1915. @carousel-dot-height: 3px;
  1916. @carousel-dot-active-width: 24px;
  1917. // Badge
  1918. // ---
  1919. @badge-height: 20px;
  1920. @badge-dot-size: 6px;
  1921. @badge-font-size: @font-size-sm;
  1922. @badge-font-weight: normal;
  1923. @badge-status-size: 6px;
  1924. @badge-text-color: @component-background;
  1925. // Rate
  1926. // ---
  1927. @rate-star-color: @yellow-6;
  1928. @rate-star-bg: @border-color-split;
  1929. @rate-star-size: 20px;
  1930. // Card
  1931. // ---
  1932. @card-head-color: @heading-color;
  1933. @card-head-background: transparent;
  1934. @card-head-font-size: @font-size-lg;
  1935. @card-head-font-size-sm: @font-size-base;
  1936. @card-head-padding: 16px;
  1937. @card-head-padding-sm: @card-head-padding / 2;
  1938. @card-head-height: 48px;
  1939. @card-head-height-sm: 36px;
  1940. @card-inner-head-padding: 12px;
  1941. @card-padding-base: 24px;
  1942. @card-padding-base-sm: @card-padding-base / 2;
  1943. @card-actions-background: @background-color-light;
  1944. @card-actions-li-margin: 12px 0;
  1945. @card-skeleton-bg: #cfd8dc;
  1946. @card-background: @component-background;
  1947. @card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
  1948. 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  1949. @card-radius: @border-radius-base;
  1950. @card-head-tabs-margin-bottom: -17px;
  1951. // Comment
  1952. // ---
  1953. @comment-bg: inherit;
  1954. @comment-padding-base: @padding-md 0;
  1955. @comment-nest-indent: 44px;
  1956. @comment-font-size-base: @font-size-base;
  1957. @comment-font-size-sm: @font-size-sm;
  1958. @comment-author-name-color: @text-color-secondary;
  1959. @comment-author-time-color: #ccc;
  1960. @comment-action-color: @text-color-secondary;
  1961. @comment-action-hover-color: #595959;
  1962. @comment-actions-margin-bottom: inherit;
  1963. @comment-actions-margin-top: @margin-sm;
  1964. @comment-content-detail-p-margin-bottom: inherit;
  1965. // Tabs
  1966. // ---
  1967. @tabs-card-head-background: @background-color-light;
  1968. @tabs-card-height: 40px;
  1969. @tabs-card-active-color: @primary-color;
  1970. @tabs-card-horizontal-padding: (@tabs-card-height - floor(@font-size-base * @line-height-base)) / 2 -
  1971. @border-width-base @padding-md;
  1972. @tabs-card-horizontal-padding-sm: 6px @padding-md;
  1973. @tabs-title-font-size: @font-size-base;
  1974. @tabs-title-font-size-lg: @font-size-lg;
  1975. @tabs-title-font-size-sm: @font-size-base;
  1976. @tabs-ink-bar-color: @primary-color;
  1977. @tabs-bar-margin: 0 0 @margin-md 0;
  1978. @tabs-horizontal-margin: 0 32px 0 0;
  1979. @tabs-horizontal-margin-rtl: 0 0 0 32px;
  1980. @tabs-horizontal-padding: @padding-sm 0;
  1981. @tabs-horizontal-padding-lg: @padding-md 0;
  1982. @tabs-horizontal-padding-sm: @padding-xs 0;
  1983. @tabs-vertical-padding: @padding-xs @padding-lg;
  1984. @tabs-vertical-margin: 0 0 @margin-md 0;
  1985. @tabs-scrolling-size: 32px;
  1986. @tabs-highlight-color: @primary-color;
  1987. @tabs-hover-color: @primary-5;
  1988. @tabs-active-color: @primary-7;
  1989. @tabs-card-gutter: 2px;
  1990. @tabs-card-tab-active-border-top: 2px solid transparent;
  1991. // BackTop
  1992. // ---
  1993. @back-top-color: #fff;
  1994. @back-top-bg: @text-color-secondary;
  1995. @back-top-hover-bg: @text-color;
  1996. // Avatar
  1997. // ---
  1998. @avatar-size-base: 32px;
  1999. @avatar-size-lg: 40px;
  2000. @avatar-size-sm: 24px;
  2001. @avatar-font-size-base: 18px;
  2002. @avatar-font-size-lg: 24px;
  2003. @avatar-font-size-sm: 14px;
  2004. @avatar-bg: #ccc;
  2005. @avatar-color: #fff;
  2006. @avatar-border-radius: @border-radius-base;
  2007. // Switch
  2008. // ---
  2009. @switch-height: 22px;
  2010. @switch-sm-height: 16px;
  2011. @switch-min-width: 44px;
  2012. @switch-sm-min-width: 28px;
  2013. @switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
  2014. @switch-disabled-opacity: 0.4;
  2015. @switch-color: @primary-color;
  2016. @switch-bg: @component-background;
  2017. @switch-shadow-color: fade(#00230b, 20%);
  2018. @switch-inner-margin: 0 24px 0 6px;
  2019. // Pagination
  2020. // ---
  2021. @pagination-item-bg: @component-background;
  2022. @pagination-item-size: @height-base;
  2023. @pagination-item-size-sm: 24px;
  2024. @pagination-font-family: Arial;
  2025. @pagination-font-weight-active: 500;
  2026. @pagination-item-bg-active: @component-background;
  2027. @pagination-item-link-bg: @component-background;
  2028. @pagination-item-disabled-color-active: @white;
  2029. @pagination-item-disabled-bg-active: darken(@disabled-bg, 10%);
  2030. @pagination-item-input-bg: @component-background;
  2031. @pagination-mini-options-size-changer-top: 0px;
  2032. // PageHeader
  2033. // ---
  2034. @page-header-padding: @padding-lg;
  2035. @page-header-padding-vertical: @padding-md;
  2036. @page-header-padding-breadcrumb: @padding-sm;
  2037. @page-header-content-padding-vertical: @padding-sm;
  2038. @page-header-back-color: #000;
  2039. @page-header-ghost-bg: inherit;
  2040. @page-header-heading-title: @heading-4-size;
  2041. @page-header-heading-sub-title: 14px;
  2042. @page-header-tabs-tab-font-size: 16px;
  2043. // Breadcrumb
  2044. // ---
  2045. @breadcrumb-base-color: @text-color-secondary;
  2046. @breadcrumb-last-item-color: @text-color;
  2047. @breadcrumb-font-size: @font-size-base;
  2048. @breadcrumb-icon-font-size: @font-size-base;
  2049. @breadcrumb-link-color: @text-color-secondary;
  2050. @breadcrumb-link-color-hover: @primary-5;
  2051. @breadcrumb-separator-color: @text-color-secondary;
  2052. @breadcrumb-separator-margin: 0 @padding-xs;
  2053. // Slider
  2054. // ---
  2055. @slider-margin: 10px 6px 10px;
  2056. @slider-rail-background-color: @background-color-base;
  2057. @slider-rail-background-color-hover: #e1e1e1;
  2058. @slider-track-background-color: @primary-3;
  2059. @slider-track-background-color-hover: @primary-4;
  2060. @slider-handle-border-width: 2px;
  2061. @slider-handle-background-color: @component-background;
  2062. @slider-handle-color: @primary-3;
  2063. @slider-handle-color-hover: @primary-4;
  2064. @slider-handle-color-focus: tint(@primary-color, 20%);
  2065. @slider-handle-color-focus-shadow: fade(@primary-color, 12%);
  2066. @slider-handle-color-tooltip-open: @primary-color;
  2067. @slider-handle-size: 14px;
  2068. @slider-handle-margin-top: -5px;
  2069. @slider-handle-shadow: 0;
  2070. @slider-dot-border-color: @border-color-split;
  2071. @slider-dot-border-color-active: tint(@primary-color, 50%);
  2072. @slider-disabled-color: @disabled-color;
  2073. @slider-disabled-background-color: @component-background;
  2074. // Tree
  2075. // ---
  2076. @tree-bg: @component-background;
  2077. @tree-title-height: 24px;
  2078. @tree-child-padding: 18px;
  2079. @tree-directory-selected-color: #fff;
  2080. @tree-directory-selected-bg: @primary-color;
  2081. @tree-node-hover-bg: @item-hover-bg;
  2082. @tree-node-selected-bg: @primary-2;
  2083. // Collapse
  2084. // ---
  2085. @collapse-header-padding: @padding-sm @padding-md;
  2086. @collapse-header-padding-extra: 40px;
  2087. @collapse-header-bg: @background-color-light;
  2088. @collapse-content-padding: @padding-md;
  2089. @collapse-content-bg: @component-background;
  2090. @collapse-header-arrow-left: 16px;
  2091. // Skeleton
  2092. // ---
  2093. @skeleton-color: #f2f2f2;
  2094. @skeleton-to-color: shade(@skeleton-color, 5%);
  2095. @skeleton-paragraph-margin-top: 28px;
  2096. @skeleton-paragraph-li-margin-top: @margin-md;
  2097. @skeleton-paragraph-li-height: 16px;
  2098. @skeleton-title-height: 16px;
  2099. @skeleton-title-paragraph-margin-top: @margin-lg;
  2100. // Transfer
  2101. // ---
  2102. @transfer-header-height: 40px;
  2103. @transfer-item-height: @height-base;
  2104. @transfer-disabled-bg: @disabled-bg;
  2105. @transfer-list-height: 200px;
  2106. @transfer-item-hover-bg: @item-hover-bg;
  2107. @transfer-item-padding-vertical: 6px;
  2108. @transfer-list-search-icon-top: 12px;
  2109. // Message
  2110. // ---
  2111. @message-notice-content-padding: 10px 16px;
  2112. @message-notice-content-bg: @component-background;
  2113. // Motion
  2114. // ---
  2115. @wave-animation-width: 6px;
  2116. // Alert
  2117. // ---
  2118. @alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
  2119. @alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
  2120. @alert-success-icon-color: @success-color;
  2121. @alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
  2122. @alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
  2123. @alert-info-icon-color: @info-color;
  2124. @alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
  2125. @alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
  2126. @alert-warning-icon-color: @warning-color;
  2127. @alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
  2128. @alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
  2129. @alert-error-icon-color: @error-color;
  2130. @alert-message-color: @heading-color;
  2131. @alert-text-color: @text-color;
  2132. @alert-close-color: @text-color-secondary;
  2133. @alert-close-hover-color: @icon-color-hover;
  2134. @alert-no-icon-padding-vertical: @padding-xs;
  2135. @alert-with-description-no-icon-padding-vertical: @padding-md - 1px;
  2136. @alert-with-description-padding-vertical: @padding-md - 1px;
  2137. @alert-with-description-padding: @alert-with-description-padding-vertical 15px
  2138. @alert-with-description-no-icon-padding-vertical - 1px 64px;
  2139. @alert-icon-top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
  2140. @alert-with-description-icon-size: 24px;
  2141. @alert-with-description-icon-top: @alert-with-description-padding-vertical;
  2142. // List
  2143. // ---
  2144. @list-header-background: transparent;
  2145. @list-footer-background: transparent;
  2146. @list-empty-text-padding: @padding-md;
  2147. @list-item-padding: @padding-sm 0;
  2148. @list-item-padding-sm: @padding-xs @padding-md;
  2149. @list-item-padding-lg: 16px 24px;
  2150. @list-item-meta-margin-bottom: @padding-md;
  2151. @list-item-meta-avatar-margin-right: @padding-md;
  2152. @list-item-meta-title-margin-bottom: @padding-sm;
  2153. @list-customize-card-bg: @component-background;
  2154. @list-item-meta-description-font-size: @font-size-base;
  2155. // Statistic
  2156. // ---
  2157. @statistic-title-font-size: @font-size-base;
  2158. @statistic-content-font-size: 24px;
  2159. @statistic-unit-font-size: 16px;
  2160. @statistic-font-family: @font-family;
  2161. // Drawer
  2162. // ---
  2163. @drawer-header-padding: @padding-md @padding-lg;
  2164. @drawer-body-padding: @padding-lg;
  2165. @drawer-bg: @component-background;
  2166. @drawer-footer-padding-vertical: @modal-footer-padding-vertical;
  2167. @drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
  2168. @drawer-header-close-size: 56px;
  2169. // Timeline
  2170. // ---
  2171. @timeline-width: 2px;
  2172. @timeline-color: @border-color-split;
  2173. @timeline-dot-border-width: 2px;
  2174. @timeline-dot-color: @primary-color;
  2175. @timeline-dot-bg: @component-background;
  2176. @timeline-item-padding-bottom: 20px;
  2177. // Typography
  2178. // ---
  2179. @typography-title-font-weight: 600;
  2180. @typography-title-margin-top: 1.2em;
  2181. @typography-title-margin-bottom: 0.5em;
  2182. // Upload
  2183. // ---
  2184. @upload-actions-color: @text-color-secondary;
  2185. // Steps
  2186. // ---
  2187. @process-tail-color: @border-color-split;
  2188. @steps-nav-arrow-color: fade(@black, 25%);
  2189. @steps-background: @component-background;
  2190. @steps-icon-size: 32px;
  2191. @steps-icon-custom-size: @steps-icon-size;
  2192. @steps-icon-custom-top: 0px;
  2193. @steps-icon-custom-font-size: 24px;
  2194. @steps-icon-top: -1px;
  2195. @steps-icon-font-size: @font-size-lg;
  2196. @steps-icon-margin: 0 8px 0 0;
  2197. @steps-title-line-height: @height-base;
  2198. @steps-small-icon-size: 24px;
  2199. @steps-small-icon-margin: 0 8px 0 0;
  2200. @steps-dot-size: 8px;
  2201. @steps-dot-top: 2px;
  2202. @steps-current-dot-size: 10px;
  2203. @steps-desciption-max-width: 140px;
  2204. @steps-nav-content-max-width: auto;
  2205. @steps-vertical-icon-margin: 0 16px 0 0;
  2206. // Notification
  2207. // ---
  2208. @notification-bg: @component-background;
  2209. @notification-padding-vertical: 16px;
  2210. @notification-padding-horizontal: 24px;
  2211. // Result
  2212. // ---
  2213. @result-title-font-size: 24px;
  2214. @result-subtitle-font-size: @font-size-base;
  2215. @result-icon-font-size: 72px;
  2216. @result-extra-margin: 32px 0 0 0;
  2217. // 全局主色
  2218. // 链接色
  2219. // 成功色
  2220. // 警告色
  2221. // 错误色
  2222. // 标题色
  2223. // 主文本色
  2224. // 次文本色
  2225. // 失效色
  2226. // 边框色
  2227. // 自定义
  2228. .webTheme{
  2229. background: @primary-color !important;
  2230. }
  2231. .logo h1{
  2232. color: @text-color;
  2233. }
  2234. .avart{
  2235. background-color: @primary-color !important;
  2236. }
  2237. .ant-input{
  2238. background: transparent !important;
  2239. }
  2240. .ant-menu-submenu-arrow::before,.ant-menu-submenu-arrow::after{
  2241. background: @primary-color;
  2242. background-image:linear-gradient(to right, rgba(24, 144, 255, 1), rgba(24, 144, 255, 1)) !important;
  2243. }
  2244. input:-webkit-autofill{
  2245. box-shadow: 0 0 0px 1000px rgb(232, 240, 254) inset !important;
  2246. -webkit-text-fill-color: #666 !important;
  2247. }
  2248. html {
  2249. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2250. }
  2251. body {
  2252. color: @text-color;
  2253. background-color: @body-background;
  2254. }
  2255. h1,
  2256. h2,
  2257. h3,
  2258. h4,
  2259. h5,
  2260. h6 {
  2261. color: @heading-color;
  2262. }
  2263. abbr[title],
  2264. abbr[data-original-title] {
  2265. border-bottom: 0;
  2266. }
  2267. a {
  2268. color: @link-color;
  2269. background-color: transparent;
  2270. }
  2271. a:hover {
  2272. color: color(~`colorPalette("@{link-color}", 5)`);
  2273. }
  2274. a:active {
  2275. color: color(~`colorPalette("@{link-color}", 7)`);
  2276. }
  2277. a[disabled] {
  2278. color: @disabled-color;
  2279. }
  2280. img {
  2281. border-style: none;
  2282. }
  2283. table {
  2284. border-collapse: collapse;
  2285. }
  2286. caption {
  2287. color: @text-color-secondary;
  2288. }
  2289. input,
  2290. button,
  2291. select,
  2292. optgroup,
  2293. textarea {
  2294. color: inherit;
  2295. }
  2296. button::-moz-focus-inner,
  2297. [type='button']::-moz-focus-inner,
  2298. [type='reset']::-moz-focus-inner,
  2299. [type='submit']::-moz-focus-inner {
  2300. border-style: none;
  2301. }
  2302. fieldset {
  2303. border: 0;
  2304. }
  2305. legend {
  2306. color: inherit;
  2307. }
  2308. mark {
  2309. background-color: #feffe6;
  2310. }
  2311. ::selection {
  2312. color: @component-background;
  2313. background: @link-color;
  2314. }
  2315. .anticon {
  2316. color: inherit;
  2317. }
  2318. html {
  2319. --antd-wave-shadow-color: @link-color;
  2320. }
  2321. [ant-click-animating-without-extra-node='true']::after,
  2322. .ant-click-animating-node {
  2323. border-radius: inherit;
  2324. box-shadow: 0 0 0 0 @link-color;
  2325. box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  2326. }
  2327. .ant-alert {
  2328. color: @text-color;
  2329. border-radius: 2px;
  2330. }
  2331. .ant-alert-success {
  2332. background-color: color(~`colorPalette("@{success-color}", 1)`);
  2333. border: 1px solid color(~`colorPalette("@{success-color}", 3)`);
  2334. }
  2335. .ant-alert-success .ant-alert-icon {
  2336. color: @success-color;
  2337. }
  2338. .ant-alert-info {
  2339. background-color: color(~`colorPalette("@{link-color}", 1)`);
  2340. border: 1px solid color(~`colorPalette("@{link-color}", 3)`);
  2341. }
  2342. .ant-alert-info .ant-alert-icon {
  2343. color: @link-color;
  2344. }
  2345. .ant-alert-warning {
  2346. background-color: color(~`colorPalette("@{warning-color}", 1)`);
  2347. border: 1px solid color(~`colorPalette("@{warning-color}", 3)`);
  2348. }
  2349. .ant-alert-warning .ant-alert-icon {
  2350. color: @warning-color;
  2351. }
  2352. .ant-alert-error {
  2353. background-color: color(~`colorPalette("@{layout-body-background}", 4)`);
  2354. border: 1px solid color(~`colorPalette("@{error-color}", 3)`);
  2355. }
  2356. .ant-alert-error .ant-alert-icon {
  2357. color: @error-color;
  2358. }
  2359. .ant-alert-close-icon {
  2360. background-color: transparent;
  2361. border: none;
  2362. }
  2363. .ant-alert-close-icon .anticon-close {
  2364. color: @text-color-secondary;
  2365. }
  2366. .ant-alert-close-icon .anticon-close:hover {
  2367. color: rgba(0, 0, 0, 0.75);
  2368. }
  2369. .ant-alert-close-text {
  2370. color: @text-color-secondary;
  2371. }
  2372. .ant-alert-close-text:hover {
  2373. color: rgba(0, 0, 0, 0.75);
  2374. }
  2375. .ant-alert-with-description {
  2376. color: @text-color;
  2377. border-radius: 2px;
  2378. }
  2379. .ant-alert-with-description .ant-alert-message {
  2380. color: @heading-color;
  2381. }
  2382. .ant-alert-message {
  2383. color: @heading-color;
  2384. }
  2385. .ant-alert-banner {
  2386. border: 0;
  2387. border-radius: 0;
  2388. }
  2389. .ant-anchor {
  2390. color: @text-color;
  2391. }
  2392. .ant-anchor-wrapper {
  2393. background-color: @layout-body-background;
  2394. }
  2395. .ant-anchor-ink::before {
  2396. background-color: #f0f0f0;
  2397. }
  2398. .ant-anchor-ink-ball {
  2399. background-color: @layout-body-background;
  2400. border: 2px solid @link-color;
  2401. border-radius: 8px;
  2402. }
  2403. .ant-anchor-link-title {
  2404. color: @text-color;
  2405. }
  2406. .ant-anchor-link-active > .ant-anchor-link-title {
  2407. color: @link-color;
  2408. }
  2409. .ant-select-auto-complete {
  2410. color: @text-color;
  2411. }
  2412. .ant-avatar {
  2413. color: @text-color;
  2414. color: @component-background;
  2415. background: #ccc;
  2416. border-radius: 50%;
  2417. }
  2418. .ant-avatar-image {
  2419. background: transparent;
  2420. }
  2421. .ant-avatar-lg {
  2422. border-radius: 50%;
  2423. }
  2424. .ant-avatar-sm {
  2425. border-radius: 50%;
  2426. }
  2427. .ant-avatar-square {
  2428. border-radius: 2px;
  2429. }
  2430. .ant-back-top {
  2431. color: @text-color;
  2432. }
  2433. .ant-back-top-content {
  2434. color: @component-background;
  2435. background-color: @text-color-secondary;
  2436. border-radius: 20px;
  2437. }
  2438. .ant-back-top-content:hover {
  2439. background-color: @text-color;
  2440. }
  2441. .ant-badge {
  2442. color: @text-color;
  2443. color: unset;
  2444. }
  2445. .ant-badge-count {
  2446. color: @layout-body-background;
  2447. background: color(~`colorPalette("@{error-color}", 5)`);
  2448. border-radius: 10px;
  2449. box-shadow: 0 0 0 1px @layout-body-background;
  2450. }
  2451. .ant-badge-count a,
  2452. .ant-badge-count a:hover {
  2453. color: @layout-body-background;
  2454. }
  2455. .ant-badge-dot {
  2456. background: color(~`colorPalette("@{error-color}", 5)`);
  2457. border-radius: 100%;
  2458. box-shadow: 0 0 0 1px @layout-body-background;
  2459. }
  2460. .ant-badge-status-dot {
  2461. border-radius: 50%;
  2462. }
  2463. .ant-badge-status-success {
  2464. background-color: @success-color;
  2465. }
  2466. .ant-badge-status-processing {
  2467. background-color: @link-color;
  2468. }
  2469. .ant-badge-status-processing::after {
  2470. border: 1px solid @link-color;
  2471. border-radius: 50%;
  2472. }
  2473. .ant-badge-status-default {
  2474. background-color: @border-color-base;
  2475. }
  2476. .ant-badge-status-error {
  2477. background-color: @error-color;
  2478. }
  2479. .ant-badge-status-warning {
  2480. background-color: @warning-color;
  2481. }
  2482. .ant-badge-status-pink {
  2483. background: #eb2f96;
  2484. }
  2485. .ant-badge-status-magenta {
  2486. background: #eb2f96;
  2487. }
  2488. .ant-badge-status-red {
  2489. background: @error-color;
  2490. }
  2491. .ant-badge-status-volcano {
  2492. background: #fa541c;
  2493. }
  2494. .ant-badge-status-orange {
  2495. background: #fa8c16;
  2496. }
  2497. .ant-badge-status-yellow {
  2498. background: #fadb14;
  2499. }
  2500. .ant-badge-status-gold {
  2501. background: @warning-color;
  2502. }
  2503. .ant-badge-status-cyan {
  2504. background: #13c2c2;
  2505. }
  2506. .ant-badge-status-lime {
  2507. background: #a0d911;
  2508. }
  2509. .ant-badge-status-green {
  2510. background: @success-color;
  2511. }
  2512. .ant-badge-status-blue {
  2513. background: @link-color;
  2514. }
  2515. .ant-badge-status-geekblue {
  2516. background: #2f54eb;
  2517. }
  2518. .ant-badge-status-purple {
  2519. background: #722ed1;
  2520. }
  2521. .ant-badge-status-text {
  2522. color: @text-color;
  2523. }
  2524. .ant-breadcrumb {
  2525. color: @text-color;
  2526. color: @text-color-secondary;
  2527. }
  2528. .ant-breadcrumb a {
  2529. color: @text-color-secondary;
  2530. }
  2531. .ant-breadcrumb a:hover {
  2532. color: color(~`colorPalette("@{link-color}", 5)`);
  2533. }
  2534. .ant-breadcrumb > span:last-child {
  2535. color: @text-color;
  2536. }
  2537. .ant-breadcrumb > span:last-child a {
  2538. color: @text-color;
  2539. }
  2540. .ant-breadcrumb-separator {
  2541. color: @text-color-secondary;
  2542. }
  2543. .ant-btn {
  2544. border: 1px solid transparent;
  2545. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  2546. border-radius: 2px;
  2547. color: @text-color;
  2548. background-color: @layout-body-background;
  2549. border-color: @border-color-base;
  2550. }
  2551. .ant-btn:not([disabled]):active {
  2552. box-shadow: none;
  2553. }
  2554. .ant-btn-lg {
  2555. border-radius: 2px;
  2556. }
  2557. .ant-btn-sm {
  2558. border-radius: 2px;
  2559. }
  2560. .ant-btn > a:only-child {
  2561. color: currentColor;
  2562. }
  2563. .ant-btn > a:only-child::after {
  2564. background: transparent;
  2565. }
  2566. .ant-btn:hover,
  2567. .ant-btn:focus {
  2568. color: color(~`colorPalette("@{link-color}", 5)`);
  2569. background-color: @layout-body-background;
  2570. border-color: color(~`colorPalette("@{link-color}", 5)`);
  2571. }
  2572. .ant-btn:hover > a:only-child,
  2573. .ant-btn:focus > a:only-child {
  2574. color: currentColor;
  2575. }
  2576. .ant-btn:hover > a:only-child::after,
  2577. .ant-btn:focus > a:only-child::after {
  2578. background: transparent;
  2579. }
  2580. .ant-btn:active,
  2581. .ant-btn.active {
  2582. color: color(~`colorPalette("@{link-color}", 7)`);
  2583. background-color: @layout-body-background;
  2584. border-color: color(~`colorPalette("@{link-color}", 7)`);
  2585. }
  2586. .ant-btn:active > a:only-child,
  2587. .ant-btn.active > a:only-child {
  2588. color: currentColor;
  2589. }
  2590. .ant-btn:active > a:only-child::after,
  2591. .ant-btn.active > a:only-child::after {
  2592. background: transparent;
  2593. }
  2594. .ant-btn-disabled,
  2595. .ant-btn.disabled,
  2596. .ant-btn[disabled],
  2597. .ant-btn-disabled:hover,
  2598. .ant-btn.disabled:hover,
  2599. .ant-btn[disabled]:hover,
  2600. .ant-btn-disabled:focus,
  2601. .ant-btn.disabled:focus,
  2602. .ant-btn[disabled]:focus,
  2603. .ant-btn-disabled:active,
  2604. .ant-btn.disabled:active,
  2605. .ant-btn[disabled]:active,
  2606. .ant-btn-disabled.active,
  2607. .ant-btn.disabled.active,
  2608. .ant-btn[disabled].active {
  2609. color: @disabled-color;
  2610. background-color: #f5f5f5;
  2611. border-color: @border-color-base;
  2612. box-shadow: none;
  2613. }
  2614. .ant-btn-disabled > a:only-child,
  2615. .ant-btn.disabled > a:only-child,
  2616. .ant-btn[disabled] > a:only-child,
  2617. .ant-btn-disabled:hover > a:only-child,
  2618. .ant-btn.disabled:hover > a:only-child,
  2619. .ant-btn[disabled]:hover > a:only-child,
  2620. .ant-btn-disabled:focus > a:only-child,
  2621. .ant-btn.disabled:focus > a:only-child,
  2622. .ant-btn[disabled]:focus > a:only-child,
  2623. .ant-btn-disabled:active > a:only-child,
  2624. .ant-btn.disabled:active > a:only-child,
  2625. .ant-btn[disabled]:active > a:only-child,
  2626. .ant-btn-disabled.active > a:only-child,
  2627. .ant-btn.disabled.active > a:only-child,
  2628. .ant-btn[disabled].active > a:only-child {
  2629. color: currentColor;
  2630. }
  2631. .ant-btn-disabled > a:only-child::after,
  2632. .ant-btn.disabled > a:only-child::after,
  2633. .ant-btn[disabled] > a:only-child::after,
  2634. .ant-btn-disabled:hover > a:only-child::after,
  2635. .ant-btn.disabled:hover > a:only-child::after,
  2636. .ant-btn[disabled]:hover > a:only-child::after,
  2637. .ant-btn-disabled:focus > a:only-child::after,
  2638. .ant-btn.disabled:focus > a:only-child::after,
  2639. .ant-btn[disabled]:focus > a:only-child::after,
  2640. .ant-btn-disabled:active > a:only-child::after,
  2641. .ant-btn.disabled:active > a:only-child::after,
  2642. .ant-btn[disabled]:active > a:only-child::after,
  2643. .ant-btn-disabled.active > a:only-child::after,
  2644. .ant-btn.disabled.active > a:only-child::after,
  2645. .ant-btn[disabled].active > a:only-child::after {
  2646. background: transparent;
  2647. }
  2648. .ant-btn:hover,
  2649. .ant-btn:focus,
  2650. .ant-btn:active,
  2651. .ant-btn.active {
  2652. background: @layout-body-background;
  2653. }
  2654. .ant-btn-primary {
  2655. color: @component-background;
  2656. background-color: @link-color;
  2657. border-color: @link-color;
  2658. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  2659. }
  2660. .ant-btn-primary > a:only-child {
  2661. color: currentColor;
  2662. }
  2663. .ant-btn-primary > a:only-child::after {
  2664. background: transparent;
  2665. }
  2666. .ant-btn-primary:hover,
  2667. .ant-btn-primary:focus {
  2668. color: @component-background;
  2669. background-color: color(~`colorPalette("@{link-color}", 5)`);
  2670. border-color: color(~`colorPalette("@{link-color}", 5)`);
  2671. }
  2672. .ant-btn-primary:hover > a:only-child,
  2673. .ant-btn-primary:focus > a:only-child {
  2674. color: currentColor;
  2675. }
  2676. .ant-btn-primary:hover > a:only-child::after,
  2677. .ant-btn-primary:focus > a:only-child::after {
  2678. background: transparent;
  2679. }
  2680. .ant-btn-primary:active,
  2681. .ant-btn-primary.active {
  2682. color: @component-background;
  2683. background-color: color(~`colorPalette("@{link-color}", 7)`);
  2684. border-color: color(~`colorPalette("@{link-color}", 7)`);
  2685. }
  2686. .ant-btn-primary:active > a:only-child,
  2687. .ant-btn-primary.active > a:only-child {
  2688. color: currentColor;
  2689. }
  2690. .ant-btn-primary:active > a:only-child::after,
  2691. .ant-btn-primary.active > a:only-child::after {
  2692. background: transparent;
  2693. }
  2694. .ant-btn-primary-disabled,
  2695. .ant-btn-primary.disabled,
  2696. .ant-btn-primary[disabled],
  2697. .ant-btn-primary-disabled:hover,
  2698. .ant-btn-primary.disabled:hover,
  2699. .ant-btn-primary[disabled]:hover,
  2700. .ant-btn-primary-disabled:focus,
  2701. .ant-btn-primary.disabled:focus,
  2702. .ant-btn-primary[disabled]:focus,
  2703. .ant-btn-primary-disabled:active,
  2704. .ant-btn-primary.disabled:active,
  2705. .ant-btn-primary[disabled]:active,
  2706. .ant-btn-primary-disabled.active,
  2707. .ant-btn-primary.disabled.active,
  2708. .ant-btn-primary[disabled].active {
  2709. color: @disabled-color;
  2710. background-color: #f5f5f5;
  2711. border-color: @border-color-base;
  2712. box-shadow: none;
  2713. }
  2714. .ant-btn-primary-disabled > a:only-child,
  2715. .ant-btn-primary.disabled > a:only-child,
  2716. .ant-btn-primary[disabled] > a:only-child,
  2717. .ant-btn-primary-disabled:hover > a:only-child,
  2718. .ant-btn-primary.disabled:hover > a:only-child,
  2719. .ant-btn-primary[disabled]:hover > a:only-child,
  2720. .ant-btn-primary-disabled:focus > a:only-child,
  2721. .ant-btn-primary.disabled:focus > a:only-child,
  2722. .ant-btn-primary[disabled]:focus > a:only-child,
  2723. .ant-btn-primary-disabled:active > a:only-child,
  2724. .ant-btn-primary.disabled:active > a:only-child,
  2725. .ant-btn-primary[disabled]:active > a:only-child,
  2726. .ant-btn-primary-disabled.active > a:only-child,
  2727. .ant-btn-primary.disabled.active > a:only-child,
  2728. .ant-btn-primary[disabled].active > a:only-child {
  2729. color: currentColor;
  2730. }
  2731. .ant-btn-primary-disabled > a:only-child::after,
  2732. .ant-btn-primary.disabled > a:only-child::after,
  2733. .ant-btn-primary[disabled] > a:only-child::after,
  2734. .ant-btn-primary-disabled:hover > a:only-child::after,
  2735. .ant-btn-primary.disabled:hover > a:only-child::after,
  2736. .ant-btn-primary[disabled]:hover > a:only-child::after,
  2737. .ant-btn-primary-disabled:focus > a:only-child::after,
  2738. .ant-btn-primary.disabled:focus > a:only-child::after,
  2739. .ant-btn-primary[disabled]:focus > a:only-child::after,
  2740. .ant-btn-primary-disabled:active > a:only-child::after,
  2741. .ant-btn-primary.disabled:active > a:only-child::after,
  2742. .ant-btn-primary[disabled]:active > a:only-child::after,
  2743. .ant-btn-primary-disabled.active > a:only-child::after,
  2744. .ant-btn-primary.disabled.active > a:only-child::after,
  2745. .ant-btn-primary[disabled].active > a:only-child::after {
  2746. background: transparent;
  2747. }
  2748. .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  2749. border-right-color: color(~`colorPalette("@{link-color}", 5)`);
  2750. border-left-color: color(~`colorPalette("@{link-color}", 5)`);
  2751. }
  2752. .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  2753. border-color: @border-color-base;
  2754. }
  2755. .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  2756. border-right-color: color(~`colorPalette("@{link-color}", 5)`);
  2757. }
  2758. .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  2759. border-right-color: @border-color-base;
  2760. }
  2761. .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
  2762. .ant-btn-group .ant-btn-primary + .ant-btn-primary {
  2763. border-left-color: color(~`colorPalette("@{link-color}", 5)`);
  2764. }
  2765. .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
  2766. .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  2767. border-left-color: @border-color-base;
  2768. }
  2769. .ant-btn-ghost {
  2770. color: @text-color;
  2771. background-color: transparent;
  2772. border-color: @border-color-base;
  2773. }
  2774. .ant-btn-ghost > a:only-child {
  2775. color: currentColor;
  2776. }
  2777. .ant-btn-ghost > a:only-child::after {
  2778. background: transparent;
  2779. }
  2780. .ant-btn-ghost:hover,
  2781. .ant-btn-ghost:focus {
  2782. color: color(~`colorPalette("@{link-color}", 5)`);
  2783. background-color: transparent;
  2784. border-color: color(~`colorPalette("@{link-color}", 5)`);
  2785. }
  2786. .ant-btn-ghost:hover > a:only-child,
  2787. .ant-btn-ghost:focus > a:only-child {
  2788. color: currentColor;
  2789. }
  2790. .ant-btn-ghost:hover > a:only-child::after,
  2791. .ant-btn-ghost:focus > a:only-child::after {
  2792. background: transparent;
  2793. }
  2794. .ant-btn-ghost:active,
  2795. .ant-btn-ghost.active {
  2796. color: color(~`colorPalette("@{link-color}", 7)`);
  2797. background-color: transparent;
  2798. border-color: color(~`colorPalette("@{link-color}", 7)`);
  2799. }
  2800. .ant-btn-ghost:active > a:only-child,
  2801. .ant-btn-ghost.active > a:only-child {
  2802. color: currentColor;
  2803. }
  2804. .ant-btn-ghost:active > a:only-child::after,
  2805. .ant-btn-ghost.active > a:only-child::after {
  2806. background: transparent;
  2807. }
  2808. .ant-btn-ghost-disabled,
  2809. .ant-btn-ghost.disabled,
  2810. .ant-btn-ghost[disabled],
  2811. .ant-btn-ghost-disabled:hover,
  2812. .ant-btn-ghost.disabled:hover,
  2813. .ant-btn-ghost[disabled]:hover,
  2814. .ant-btn-ghost-disabled:focus,
  2815. .ant-btn-ghost.disabled:focus,
  2816. .ant-btn-ghost[disabled]:focus,
  2817. .ant-btn-ghost-disabled:active,
  2818. .ant-btn-ghost.disabled:active,
  2819. .ant-btn-ghost[disabled]:active,
  2820. .ant-btn-ghost-disabled.active,
  2821. .ant-btn-ghost.disabled.active,
  2822. .ant-btn-ghost[disabled].active {
  2823. color: @disabled-color;
  2824. background-color: #f5f5f5;
  2825. border-color: @border-color-base;
  2826. box-shadow: none;
  2827. }
  2828. .ant-btn-ghost-disabled > a:only-child,
  2829. .ant-btn-ghost.disabled > a:only-child,
  2830. .ant-btn-ghost[disabled] > a:only-child,
  2831. .ant-btn-ghost-disabled:hover > a:only-child,
  2832. .ant-btn-ghost.disabled:hover > a:only-child,
  2833. .ant-btn-ghost[disabled]:hover > a:only-child,
  2834. .ant-btn-ghost-disabled:focus > a:only-child,
  2835. .ant-btn-ghost.disabled:focus > a:only-child,
  2836. .ant-btn-ghost[disabled]:focus > a:only-child,
  2837. .ant-btn-ghost-disabled:active > a:only-child,
  2838. .ant-btn-ghost.disabled:active > a:only-child,
  2839. .ant-btn-ghost[disabled]:active > a:only-child,
  2840. .ant-btn-ghost-disabled.active > a:only-child,
  2841. .ant-btn-ghost.disabled.active > a:only-child,
  2842. .ant-btn-ghost[disabled].active > a:only-child {
  2843. color: currentColor;
  2844. }
  2845. .ant-btn-ghost-disabled > a:only-child::after,
  2846. .ant-btn-ghost.disabled > a:only-child::after,
  2847. .ant-btn-ghost[disabled] > a:only-child::after,
  2848. .ant-btn-ghost-disabled:hover > a:only-child::after,
  2849. .ant-btn-ghost.disabled:hover > a:only-child::after,
  2850. .ant-btn-ghost[disabled]:hover > a:only-child::after,
  2851. .ant-btn-ghost-disabled:focus > a:only-child::after,
  2852. .ant-btn-ghost.disabled:focus > a:only-child::after,
  2853. .ant-btn-ghost[disabled]:focus > a:only-child::after,
  2854. .ant-btn-ghost-disabled:active > a:only-child::after,
  2855. .ant-btn-ghost.disabled:active > a:only-child::after,
  2856. .ant-btn-ghost[disabled]:active > a:only-child::after,
  2857. .ant-btn-ghost-disabled.active > a:only-child::after,
  2858. .ant-btn-ghost.disabled.active > a:only-child::after,
  2859. .ant-btn-ghost[disabled].active > a:only-child::after {
  2860. background: transparent;
  2861. }
  2862. .ant-btn-dashed {
  2863. color: @text-color;
  2864. background-color: @layout-body-background;
  2865. border-color: @border-color-base;
  2866. border-style: dashed;
  2867. }
  2868. .ant-btn-dashed > a:only-child {
  2869. color: currentColor;
  2870. }
  2871. .ant-btn-dashed > a:only-child::after {
  2872. background: transparent;
  2873. }
  2874. .ant-btn-dashed:hover,
  2875. .ant-btn-dashed:focus {
  2876. color: color(~`colorPalette("@{link-color}", 5)`);
  2877. background-color: @layout-body-background;
  2878. border-color: color(~`colorPalette("@{link-color}", 5)`);
  2879. }
  2880. .ant-btn-dashed:hover > a:only-child,
  2881. .ant-btn-dashed:focus > a:only-child {
  2882. color: currentColor;
  2883. }
  2884. .ant-btn-dashed:hover > a:only-child::after,
  2885. .ant-btn-dashed:focus > a:only-child::after {
  2886. background: transparent;
  2887. }
  2888. .ant-btn-dashed:active,
  2889. .ant-btn-dashed.active {
  2890. color: color(~`colorPalette("@{link-color}", 7)`);
  2891. background-color: @layout-body-background;
  2892. border-color: color(~`colorPalette("@{link-color}", 7)`);
  2893. }
  2894. .ant-btn-dashed:active > a:only-child,
  2895. .ant-btn-dashed.active > a:only-child {
  2896. color: currentColor;
  2897. }
  2898. .ant-btn-dashed:active > a:only-child::after,
  2899. .ant-btn-dashed.active > a:only-child::after {
  2900. background: transparent;
  2901. }
  2902. .ant-btn-dashed-disabled,
  2903. .ant-btn-dashed.disabled,
  2904. .ant-btn-dashed[disabled],
  2905. .ant-btn-dashed-disabled:hover,
  2906. .ant-btn-dashed.disabled:hover,
  2907. .ant-btn-dashed[disabled]:hover,
  2908. .ant-btn-dashed-disabled:focus,
  2909. .ant-btn-dashed.disabled:focus,
  2910. .ant-btn-dashed[disabled]:focus,
  2911. .ant-btn-dashed-disabled:active,
  2912. .ant-btn-dashed.disabled:active,
  2913. .ant-btn-dashed[disabled]:active,
  2914. .ant-btn-dashed-disabled.active,
  2915. .ant-btn-dashed.disabled.active,
  2916. .ant-btn-dashed[disabled].active {
  2917. color: @disabled-color;
  2918. background-color: #f5f5f5;
  2919. border-color: @border-color-base;
  2920. box-shadow: none;
  2921. }
  2922. .ant-btn-dashed-disabled > a:only-child,
  2923. .ant-btn-dashed.disabled > a:only-child,
  2924. .ant-btn-dashed[disabled] > a:only-child,
  2925. .ant-btn-dashed-disabled:hover > a:only-child,
  2926. .ant-btn-dashed.disabled:hover > a:only-child,
  2927. .ant-btn-dashed[disabled]:hover > a:only-child,
  2928. .ant-btn-dashed-disabled:focus > a:only-child,
  2929. .ant-btn-dashed.disabled:focus > a:only-child,
  2930. .ant-btn-dashed[disabled]:focus > a:only-child,
  2931. .ant-btn-dashed-disabled:active > a:only-child,
  2932. .ant-btn-dashed.disabled:active > a:only-child,
  2933. .ant-btn-dashed[disabled]:active > a:only-child,
  2934. .ant-btn-dashed-disabled.active > a:only-child,
  2935. .ant-btn-dashed.disabled.active > a:only-child,
  2936. .ant-btn-dashed[disabled].active > a:only-child {
  2937. color: currentColor;
  2938. }
  2939. .ant-btn-dashed-disabled > a:only-child::after,
  2940. .ant-btn-dashed.disabled > a:only-child::after,
  2941. .ant-btn-dashed[disabled] > a:only-child::after,
  2942. .ant-btn-dashed-disabled:hover > a:only-child::after,
  2943. .ant-btn-dashed.disabled:hover > a:only-child::after,
  2944. .ant-btn-dashed[disabled]:hover > a:only-child::after,
  2945. .ant-btn-dashed-disabled:focus > a:only-child::after,
  2946. .ant-btn-dashed.disabled:focus > a:only-child::after,
  2947. .ant-btn-dashed[disabled]:focus > a:only-child::after,
  2948. .ant-btn-dashed-disabled:active > a:only-child::after,
  2949. .ant-btn-dashed.disabled:active > a:only-child::after,
  2950. .ant-btn-dashed[disabled]:active > a:only-child::after,
  2951. .ant-btn-dashed-disabled.active > a:only-child::after,
  2952. .ant-btn-dashed.disabled.active > a:only-child::after,
  2953. .ant-btn-dashed[disabled].active > a:only-child::after {
  2954. background: transparent;
  2955. }
  2956. .ant-btn-danger {
  2957. color: @component-background;
  2958. background-color: @error-color;
  2959. border-color: @error-color;
  2960. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  2961. }
  2962. .ant-btn-danger > a:only-child {
  2963. color: currentColor;
  2964. }
  2965. .ant-btn-danger > a:only-child::after {
  2966. background: transparent;
  2967. }
  2968. .ant-btn-danger:hover,
  2969. .ant-btn-danger:focus {
  2970. color: @component-background;
  2971. background-color: color(~`colorPalette("@{error-color}", 5)`);
  2972. border-color: color(~`colorPalette("@{error-color}", 5)`);
  2973. }
  2974. .ant-btn-danger:hover > a:only-child,
  2975. .ant-btn-danger:focus > a:only-child {
  2976. color: currentColor;
  2977. }
  2978. .ant-btn-danger:hover > a:only-child::after,
  2979. .ant-btn-danger:focus > a:only-child::after {
  2980. background: transparent;
  2981. }
  2982. .ant-btn-danger:active,
  2983. .ant-btn-danger.active {
  2984. color: @component-background;
  2985. background-color: color(~`colorPalette("@{error-color}", 7)`);
  2986. border-color: color(~`colorPalette("@{error-color}", 7)`);
  2987. }
  2988. .ant-btn-danger:active > a:only-child,
  2989. .ant-btn-danger.active > a:only-child {
  2990. color: currentColor;
  2991. }
  2992. .ant-btn-danger:active > a:only-child::after,
  2993. .ant-btn-danger.active > a:only-child::after {
  2994. background: transparent;
  2995. }
  2996. .ant-btn-danger-disabled,
  2997. .ant-btn-danger.disabled,
  2998. .ant-btn-danger[disabled],
  2999. .ant-btn-danger-disabled:hover,
  3000. .ant-btn-danger.disabled:hover,
  3001. .ant-btn-danger[disabled]:hover,
  3002. .ant-btn-danger-disabled:focus,
  3003. .ant-btn-danger.disabled:focus,
  3004. .ant-btn-danger[disabled]:focus,
  3005. .ant-btn-danger-disabled:active,
  3006. .ant-btn-danger.disabled:active,
  3007. .ant-btn-danger[disabled]:active,
  3008. .ant-btn-danger-disabled.active,
  3009. .ant-btn-danger.disabled.active,
  3010. .ant-btn-danger[disabled].active {
  3011. color: @disabled-color;
  3012. background-color: #f5f5f5;
  3013. border-color: @border-color-base;
  3014. box-shadow: none;
  3015. }
  3016. .ant-btn-danger-disabled > a:only-child,
  3017. .ant-btn-danger.disabled > a:only-child,
  3018. .ant-btn-danger[disabled] > a:only-child,
  3019. .ant-btn-danger-disabled:hover > a:only-child,
  3020. .ant-btn-danger.disabled:hover > a:only-child,
  3021. .ant-btn-danger[disabled]:hover > a:only-child,
  3022. .ant-btn-danger-disabled:focus > a:only-child,
  3023. .ant-btn-danger.disabled:focus > a:only-child,
  3024. .ant-btn-danger[disabled]:focus > a:only-child,
  3025. .ant-btn-danger-disabled:active > a:only-child,
  3026. .ant-btn-danger.disabled:active > a:only-child,
  3027. .ant-btn-danger[disabled]:active > a:only-child,
  3028. .ant-btn-danger-disabled.active > a:only-child,
  3029. .ant-btn-danger.disabled.active > a:only-child,
  3030. .ant-btn-danger[disabled].active > a:only-child {
  3031. color: currentColor;
  3032. }
  3033. .ant-btn-danger-disabled > a:only-child::after,
  3034. .ant-btn-danger.disabled > a:only-child::after,
  3035. .ant-btn-danger[disabled] > a:only-child::after,
  3036. .ant-btn-danger-disabled:hover > a:only-child::after,
  3037. .ant-btn-danger.disabled:hover > a:only-child::after,
  3038. .ant-btn-danger[disabled]:hover > a:only-child::after,
  3039. .ant-btn-danger-disabled:focus > a:only-child::after,
  3040. .ant-btn-danger.disabled:focus > a:only-child::after,
  3041. .ant-btn-danger[disabled]:focus > a:only-child::after,
  3042. .ant-btn-danger-disabled:active > a:only-child::after,
  3043. .ant-btn-danger.disabled:active > a:only-child::after,
  3044. .ant-btn-danger[disabled]:active > a:only-child::after,
  3045. .ant-btn-danger-disabled.active > a:only-child::after,
  3046. .ant-btn-danger.disabled.active > a:only-child::after,
  3047. .ant-btn-danger[disabled].active > a:only-child::after {
  3048. background: transparent;
  3049. }
  3050. .ant-btn-link {
  3051. color: @link-color;
  3052. background-color: transparent;
  3053. border-color: transparent;
  3054. box-shadow: none;
  3055. }
  3056. .ant-btn-link > a:only-child {
  3057. color: currentColor;
  3058. }
  3059. .ant-btn-link > a:only-child::after {
  3060. background: transparent;
  3061. }
  3062. .ant-btn-link:hover,
  3063. .ant-btn-link:focus {
  3064. color: color(~`colorPalette("@{link-color}", 5)`);
  3065. background-color: transparent;
  3066. border-color: color(~`colorPalette("@{link-color}", 5)`);
  3067. }
  3068. .ant-btn-link:hover > a:only-child,
  3069. .ant-btn-link:focus > a:only-child {
  3070. color: currentColor;
  3071. }
  3072. .ant-btn-link:hover > a:only-child::after,
  3073. .ant-btn-link:focus > a:only-child::after {
  3074. background: transparent;
  3075. }
  3076. .ant-btn-link:active,
  3077. .ant-btn-link.active {
  3078. color: color(~`colorPalette("@{link-color}", 7)`);
  3079. background-color: transparent;
  3080. border-color: color(~`colorPalette("@{link-color}", 7)`);
  3081. }
  3082. .ant-btn-link:active > a:only-child,
  3083. .ant-btn-link.active > a:only-child {
  3084. color: currentColor;
  3085. }
  3086. .ant-btn-link:active > a:only-child::after,
  3087. .ant-btn-link.active > a:only-child::after {
  3088. background: transparent;
  3089. }
  3090. .ant-btn-link-disabled,
  3091. .ant-btn-link.disabled,
  3092. .ant-btn-link[disabled],
  3093. .ant-btn-link-disabled:hover,
  3094. .ant-btn-link.disabled:hover,
  3095. .ant-btn-link[disabled]:hover,
  3096. .ant-btn-link-disabled:focus,
  3097. .ant-btn-link.disabled:focus,
  3098. .ant-btn-link[disabled]:focus,
  3099. .ant-btn-link-disabled:active,
  3100. .ant-btn-link.disabled:active,
  3101. .ant-btn-link[disabled]:active,
  3102. .ant-btn-link-disabled.active,
  3103. .ant-btn-link.disabled.active,
  3104. .ant-btn-link[disabled].active {
  3105. color: @disabled-color;
  3106. background-color: #f5f5f5;
  3107. border-color: @border-color-base;
  3108. box-shadow: none;
  3109. }
  3110. .ant-btn-link-disabled > a:only-child,
  3111. .ant-btn-link.disabled > a:only-child,
  3112. .ant-btn-link[disabled] > a:only-child,
  3113. .ant-btn-link-disabled:hover > a:only-child,
  3114. .ant-btn-link.disabled:hover > a:only-child,
  3115. .ant-btn-link[disabled]:hover > a:only-child,
  3116. .ant-btn-link-disabled:focus > a:only-child,
  3117. .ant-btn-link.disabled:focus > a:only-child,
  3118. .ant-btn-link[disabled]:focus > a:only-child,
  3119. .ant-btn-link-disabled:active > a:only-child,
  3120. .ant-btn-link.disabled:active > a:only-child,
  3121. .ant-btn-link[disabled]:active > a:only-child,
  3122. .ant-btn-link-disabled.active > a:only-child,
  3123. .ant-btn-link.disabled.active > a:only-child,
  3124. .ant-btn-link[disabled].active > a:only-child {
  3125. color: currentColor;
  3126. }
  3127. .ant-btn-link-disabled > a:only-child::after,
  3128. .ant-btn-link.disabled > a:only-child::after,
  3129. .ant-btn-link[disabled] > a:only-child::after,
  3130. .ant-btn-link-disabled:hover > a:only-child::after,
  3131. .ant-btn-link.disabled:hover > a:only-child::after,
  3132. .ant-btn-link[disabled]:hover > a:only-child::after,
  3133. .ant-btn-link-disabled:focus > a:only-child::after,
  3134. .ant-btn-link.disabled:focus > a:only-child::after,
  3135. .ant-btn-link[disabled]:focus > a:only-child::after,
  3136. .ant-btn-link-disabled:active > a:only-child::after,
  3137. .ant-btn-link.disabled:active > a:only-child::after,
  3138. .ant-btn-link[disabled]:active > a:only-child::after,
  3139. .ant-btn-link-disabled.active > a:only-child::after,
  3140. .ant-btn-link.disabled.active > a:only-child::after,
  3141. .ant-btn-link[disabled].active > a:only-child::after {
  3142. background: transparent;
  3143. }
  3144. .ant-btn-link:hover,
  3145. .ant-btn-link:focus,
  3146. .ant-btn-link:active {
  3147. border-color: transparent;
  3148. }
  3149. .ant-btn-link-disabled,
  3150. .ant-btn-link.disabled,
  3151. .ant-btn-link[disabled],
  3152. .ant-btn-link-disabled:hover,
  3153. .ant-btn-link.disabled:hover,
  3154. .ant-btn-link[disabled]:hover,
  3155. .ant-btn-link-disabled:focus,
  3156. .ant-btn-link.disabled:focus,
  3157. .ant-btn-link[disabled]:focus,
  3158. .ant-btn-link-disabled:active,
  3159. .ant-btn-link.disabled:active,
  3160. .ant-btn-link[disabled]:active,
  3161. .ant-btn-link-disabled.active,
  3162. .ant-btn-link.disabled.active,
  3163. .ant-btn-link[disabled].active {
  3164. color: @disabled-color;
  3165. background-color: transparent;
  3166. border-color: transparent;
  3167. box-shadow: none;
  3168. }
  3169. .ant-btn-link-disabled > a:only-child,
  3170. .ant-btn-link.disabled > a:only-child,
  3171. .ant-btn-link[disabled] > a:only-child,
  3172. .ant-btn-link-disabled:hover > a:only-child,
  3173. .ant-btn-link.disabled:hover > a:only-child,
  3174. .ant-btn-link[disabled]:hover > a:only-child,
  3175. .ant-btn-link-disabled:focus > a:only-child,
  3176. .ant-btn-link.disabled:focus > a:only-child,
  3177. .ant-btn-link[disabled]:focus > a:only-child,
  3178. .ant-btn-link-disabled:active > a:only-child,
  3179. .ant-btn-link.disabled:active > a:only-child,
  3180. .ant-btn-link[disabled]:active > a:only-child,
  3181. .ant-btn-link-disabled.active > a:only-child,
  3182. .ant-btn-link.disabled.active > a:only-child,
  3183. .ant-btn-link[disabled].active > a:only-child {
  3184. color: currentColor;
  3185. }
  3186. .ant-btn-link-disabled > a:only-child::after,
  3187. .ant-btn-link.disabled > a:only-child::after,
  3188. .ant-btn-link[disabled] > a:only-child::after,
  3189. .ant-btn-link-disabled:hover > a:only-child::after,
  3190. .ant-btn-link.disabled:hover > a:only-child::after,
  3191. .ant-btn-link[disabled]:hover > a:only-child::after,
  3192. .ant-btn-link-disabled:focus > a:only-child::after,
  3193. .ant-btn-link.disabled:focus > a:only-child::after,
  3194. .ant-btn-link[disabled]:focus > a:only-child::after,
  3195. .ant-btn-link-disabled:active > a:only-child::after,
  3196. .ant-btn-link.disabled:active > a:only-child::after,
  3197. .ant-btn-link[disabled]:active > a:only-child::after,
  3198. .ant-btn-link-disabled.active > a:only-child::after,
  3199. .ant-btn-link.disabled.active > a:only-child::after,
  3200. .ant-btn-link[disabled].active > a:only-child::after {
  3201. background: transparent;
  3202. }
  3203. .ant-btn-dangerous {
  3204. color: @error-color;
  3205. background-color: @layout-body-background;
  3206. border-color: @error-color;
  3207. }
  3208. .ant-btn-dangerous > a:only-child {
  3209. color: currentColor;
  3210. }
  3211. .ant-btn-dangerous > a:only-child::after {
  3212. background: transparent;
  3213. }
  3214. .ant-btn-dangerous:hover,
  3215. .ant-btn-dangerous:focus {
  3216. color: color(~`colorPalette("@{error-color}", 5)`);
  3217. background-color: @layout-body-background;
  3218. border-color: color(~`colorPalette("@{error-color}", 5)`);
  3219. }
  3220. .ant-btn-dangerous:hover > a:only-child,
  3221. .ant-btn-dangerous:focus > a:only-child {
  3222. color: currentColor;
  3223. }
  3224. .ant-btn-dangerous:hover > a:only-child::after,
  3225. .ant-btn-dangerous:focus > a:only-child::after {
  3226. background: transparent;
  3227. }
  3228. .ant-btn-dangerous:active,
  3229. .ant-btn-dangerous.active {
  3230. color: color(~`colorPalette("@{error-color}", 7)`);
  3231. background-color: @layout-body-background;
  3232. border-color: color(~`colorPalette("@{error-color}", 7)`);
  3233. }
  3234. .ant-btn-dangerous:active > a:only-child,
  3235. .ant-btn-dangerous.active > a:only-child {
  3236. color: currentColor;
  3237. }
  3238. .ant-btn-dangerous:active > a:only-child::after,
  3239. .ant-btn-dangerous.active > a:only-child::after {
  3240. background: transparent;
  3241. }
  3242. .ant-btn-dangerous-disabled,
  3243. .ant-btn-dangerous.disabled,
  3244. .ant-btn-dangerous[disabled],
  3245. .ant-btn-dangerous-disabled:hover,
  3246. .ant-btn-dangerous.disabled:hover,
  3247. .ant-btn-dangerous[disabled]:hover,
  3248. .ant-btn-dangerous-disabled:focus,
  3249. .ant-btn-dangerous.disabled:focus,
  3250. .ant-btn-dangerous[disabled]:focus,
  3251. .ant-btn-dangerous-disabled:active,
  3252. .ant-btn-dangerous.disabled:active,
  3253. .ant-btn-dangerous[disabled]:active,
  3254. .ant-btn-dangerous-disabled.active,
  3255. .ant-btn-dangerous.disabled.active,
  3256. .ant-btn-dangerous[disabled].active {
  3257. color: @disabled-color;
  3258. background-color: #f5f5f5;
  3259. border-color: @border-color-base;
  3260. box-shadow: none;
  3261. }
  3262. .ant-btn-dangerous-disabled > a:only-child,
  3263. .ant-btn-dangerous.disabled > a:only-child,
  3264. .ant-btn-dangerous[disabled] > a:only-child,
  3265. .ant-btn-dangerous-disabled:hover > a:only-child,
  3266. .ant-btn-dangerous.disabled:hover > a:only-child,
  3267. .ant-btn-dangerous[disabled]:hover > a:only-child,
  3268. .ant-btn-dangerous-disabled:focus > a:only-child,
  3269. .ant-btn-dangerous.disabled:focus > a:only-child,
  3270. .ant-btn-dangerous[disabled]:focus > a:only-child,
  3271. .ant-btn-dangerous-disabled:active > a:only-child,
  3272. .ant-btn-dangerous.disabled:active > a:only-child,
  3273. .ant-btn-dangerous[disabled]:active > a:only-child,
  3274. .ant-btn-dangerous-disabled.active > a:only-child,
  3275. .ant-btn-dangerous.disabled.active > a:only-child,
  3276. .ant-btn-dangerous[disabled].active > a:only-child {
  3277. color: currentColor;
  3278. }
  3279. .ant-btn-dangerous-disabled > a:only-child::after,
  3280. .ant-btn-dangerous.disabled > a:only-child::after,
  3281. .ant-btn-dangerous[disabled] > a:only-child::after,
  3282. .ant-btn-dangerous-disabled:hover > a:only-child::after,
  3283. .ant-btn-dangerous.disabled:hover > a:only-child::after,
  3284. .ant-btn-dangerous[disabled]:hover > a:only-child::after,
  3285. .ant-btn-dangerous-disabled:focus > a:only-child::after,
  3286. .ant-btn-dangerous.disabled:focus > a:only-child::after,
  3287. .ant-btn-dangerous[disabled]:focus > a:only-child::after,
  3288. .ant-btn-dangerous-disabled:active > a:only-child::after,
  3289. .ant-btn-dangerous.disabled:active > a:only-child::after,
  3290. .ant-btn-dangerous[disabled]:active > a:only-child::after,
  3291. .ant-btn-dangerous-disabled.active > a:only-child::after,
  3292. .ant-btn-dangerous.disabled.active > a:only-child::after,
  3293. .ant-btn-dangerous[disabled].active > a:only-child::after {
  3294. background: transparent;
  3295. }
  3296. .ant-btn-dangerous.ant-btn-primary {
  3297. color: @component-background;
  3298. background-color: @error-color;
  3299. border-color: @error-color;
  3300. box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  3301. }
  3302. .ant-btn-dangerous.ant-btn-primary > a:only-child {
  3303. color: currentColor;
  3304. }
  3305. .ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  3306. background: transparent;
  3307. }
  3308. .ant-btn-dangerous.ant-btn-primary:hover,
  3309. .ant-btn-dangerous.ant-btn-primary:focus {
  3310. color: @component-background;
  3311. background-color: color(~`colorPalette("@{error-color}", 5)`);
  3312. border-color: color(~`colorPalette("@{error-color}", 5)`);
  3313. }
  3314. .ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
  3315. .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  3316. color: currentColor;
  3317. }
  3318. .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
  3319. .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  3320. background: transparent;
  3321. }
  3322. .ant-btn-dangerous.ant-btn-primary:active,
  3323. .ant-btn-dangerous.ant-btn-primary.active {
  3324. color: @component-background;
  3325. background-color: color(~`colorPalette("@{error-color}", 7)`);
  3326. border-color: color(~`colorPalette("@{error-color}", 7)`);
  3327. }
  3328. .ant-btn-dangerous.ant-btn-primary:active > a:only-child,
  3329. .ant-btn-dangerous.ant-btn-primary.active > a:only-child {
  3330. color: currentColor;
  3331. }
  3332. .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after,
  3333. .ant-btn-dangerous.ant-btn-primary.active > a:only-child::after {
  3334. background: transparent;
  3335. }
  3336. .ant-btn-dangerous.ant-btn-primary-disabled,
  3337. .ant-btn-dangerous.ant-btn-primary.disabled,
  3338. .ant-btn-dangerous.ant-btn-primary[disabled],
  3339. .ant-btn-dangerous.ant-btn-primary-disabled:hover,
  3340. .ant-btn-dangerous.ant-btn-primary.disabled:hover,
  3341. .ant-btn-dangerous.ant-btn-primary[disabled]:hover,
  3342. .ant-btn-dangerous.ant-btn-primary-disabled:focus,
  3343. .ant-btn-dangerous.ant-btn-primary.disabled:focus,
  3344. .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
  3345. .ant-btn-dangerous.ant-btn-primary-disabled:active,
  3346. .ant-btn-dangerous.ant-btn-primary.disabled:active,
  3347. .ant-btn-dangerous.ant-btn-primary[disabled]:active,
  3348. .ant-btn-dangerous.ant-btn-primary-disabled.active,
  3349. .ant-btn-dangerous.ant-btn-primary.disabled.active,
  3350. .ant-btn-dangerous.ant-btn-primary[disabled].active {
  3351. color: @disabled-color;
  3352. background-color: #f5f5f5;
  3353. border-color: @border-color-base;
  3354. box-shadow: none;
  3355. }
  3356. .ant-btn-dangerous.ant-btn-primary-disabled > a:only-child,
  3357. .ant-btn-dangerous.ant-btn-primary.disabled > a:only-child,
  3358. .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
  3359. .ant-btn-dangerous.ant-btn-primary-disabled:hover > a:only-child,
  3360. .ant-btn-dangerous.ant-btn-primary.disabled:hover > a:only-child,
  3361. .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
  3362. .ant-btn-dangerous.ant-btn-primary-disabled:focus > a:only-child,
  3363. .ant-btn-dangerous.ant-btn-primary.disabled:focus > a:only-child,
  3364. .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
  3365. .ant-btn-dangerous.ant-btn-primary-disabled:active > a:only-child,
  3366. .ant-btn-dangerous.ant-btn-primary.disabled:active > a:only-child,
  3367. .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child,
  3368. .ant-btn-dangerous.ant-btn-primary-disabled.active > a:only-child,
  3369. .ant-btn-dangerous.ant-btn-primary.disabled.active > a:only-child,
  3370. .ant-btn-dangerous.ant-btn-primary[disabled].active > a:only-child {
  3371. color: currentColor;
  3372. }
  3373. .ant-btn-dangerous.ant-btn-primary-disabled > a:only-child::after,
  3374. .ant-btn-dangerous.ant-btn-primary.disabled > a:only-child::after,
  3375. .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
  3376. .ant-btn-dangerous.ant-btn-primary-disabled:hover > a:only-child::after,
  3377. .ant-btn-dangerous.ant-btn-primary.disabled:hover > a:only-child::after,
  3378. .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
  3379. .ant-btn-dangerous.ant-btn-primary-disabled:focus > a:only-child::after,
  3380. .ant-btn-dangerous.ant-btn-primary.disabled:focus > a:only-child::after,
  3381. .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
  3382. .ant-btn-dangerous.ant-btn-primary-disabled:active > a:only-child::after,
  3383. .ant-btn-dangerous.ant-btn-primary.disabled:active > a:only-child::after,
  3384. .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after,
  3385. .ant-btn-dangerous.ant-btn-primary-disabled.active > a:only-child::after,
  3386. .ant-btn-dangerous.ant-btn-primary.disabled.active > a:only-child::after,
  3387. .ant-btn-dangerous.ant-btn-primary[disabled].active > a:only-child::after {
  3388. background: transparent;
  3389. }
  3390. .ant-btn-dangerous.ant-btn-link {
  3391. color: @error-color;
  3392. background-color: transparent;
  3393. border-color: transparent;
  3394. box-shadow: none;
  3395. }
  3396. .ant-btn-dangerous.ant-btn-link > a:only-child {
  3397. color: currentColor;
  3398. }
  3399. .ant-btn-dangerous.ant-btn-link > a:only-child::after {
  3400. background: transparent;
  3401. }
  3402. .ant-btn-dangerous.ant-btn-link:hover,
  3403. .ant-btn-dangerous.ant-btn-link:focus {
  3404. color: color(~`colorPalette("@{link-color}", 5)`);
  3405. background-color: transparent;
  3406. border-color: color(~`colorPalette("@{link-color}", 5)`);
  3407. }
  3408. .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
  3409. .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  3410. color: currentColor;
  3411. }
  3412. .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
  3413. .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  3414. background: transparent;
  3415. }
  3416. .ant-btn-dangerous.ant-btn-link:active,
  3417. .ant-btn-dangerous.ant-btn-link.active {
  3418. color: color(~`colorPalette("@{link-color}", 7)`);
  3419. background-color: transparent;
  3420. border-color: color(~`colorPalette("@{link-color}", 7)`);
  3421. }
  3422. .ant-btn-dangerous.ant-btn-link:active > a:only-child,
  3423. .ant-btn-dangerous.ant-btn-link.active > a:only-child {
  3424. color: currentColor;
  3425. }
  3426. .ant-btn-dangerous.ant-btn-link:active > a:only-child::after,
  3427. .ant-btn-dangerous.ant-btn-link.active > a:only-child::after {
  3428. background: transparent;
  3429. }
  3430. .ant-btn-dangerous.ant-btn-link-disabled,
  3431. .ant-btn-dangerous.ant-btn-link.disabled,
  3432. .ant-btn-dangerous.ant-btn-link[disabled],
  3433. .ant-btn-dangerous.ant-btn-link-disabled:hover,
  3434. .ant-btn-dangerous.ant-btn-link.disabled:hover,
  3435. .ant-btn-dangerous.ant-btn-link[disabled]:hover,
  3436. .ant-btn-dangerous.ant-btn-link-disabled:focus,
  3437. .ant-btn-dangerous.ant-btn-link.disabled:focus,
  3438. .ant-btn-dangerous.ant-btn-link[disabled]:focus,
  3439. .ant-btn-dangerous.ant-btn-link-disabled:active,
  3440. .ant-btn-dangerous.ant-btn-link.disabled:active,
  3441. .ant-btn-dangerous.ant-btn-link[disabled]:active,
  3442. .ant-btn-dangerous.ant-btn-link-disabled.active,
  3443. .ant-btn-dangerous.ant-btn-link.disabled.active,
  3444. .ant-btn-dangerous.ant-btn-link[disabled].active {
  3445. color: @disabled-color;
  3446. background-color: #f5f5f5;
  3447. border-color: @border-color-base;
  3448. box-shadow: none;
  3449. }
  3450. .ant-btn-dangerous.ant-btn-link-disabled > a:only-child,
  3451. .ant-btn-dangerous.ant-btn-link.disabled > a:only-child,
  3452. .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
  3453. .ant-btn-dangerous.ant-btn-link-disabled:hover > a:only-child,
  3454. .ant-btn-dangerous.ant-btn-link.disabled:hover > a:only-child,
  3455. .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
  3456. .ant-btn-dangerous.ant-btn-link-disabled:focus > a:only-child,
  3457. .ant-btn-dangerous.ant-btn-link.disabled:focus > a:only-child,
  3458. .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
  3459. .ant-btn-dangerous.ant-btn-link-disabled:active > a:only-child,
  3460. .ant-btn-dangerous.ant-btn-link.disabled:active > a:only-child,
  3461. .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child,
  3462. .ant-btn-dangerous.ant-btn-link-disabled.active > a:only-child,
  3463. .ant-btn-dangerous.ant-btn-link.disabled.active > a:only-child,
  3464. .ant-btn-dangerous.ant-btn-link[disabled].active > a:only-child {
  3465. color: currentColor;
  3466. }
  3467. .ant-btn-dangerous.ant-btn-link-disabled > a:only-child::after,
  3468. .ant-btn-dangerous.ant-btn-link.disabled > a:only-child::after,
  3469. .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
  3470. .ant-btn-dangerous.ant-btn-link-disabled:hover > a:only-child::after,
  3471. .ant-btn-dangerous.ant-btn-link.disabled:hover > a:only-child::after,
  3472. .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
  3473. .ant-btn-dangerous.ant-btn-link-disabled:focus > a:only-child::after,
  3474. .ant-btn-dangerous.ant-btn-link.disabled:focus > a:only-child::after,
  3475. .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
  3476. .ant-btn-dangerous.ant-btn-link-disabled:active > a:only-child::after,
  3477. .ant-btn-dangerous.ant-btn-link.disabled:active > a:only-child::after,
  3478. .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after,
  3479. .ant-btn-dangerous.ant-btn-link-disabled.active > a:only-child::after,
  3480. .ant-btn-dangerous.ant-btn-link.disabled.active > a:only-child::after,
  3481. .ant-btn-dangerous.ant-btn-link[disabled].active > a:only-child::after {
  3482. background: transparent;
  3483. }
  3484. .ant-btn-dangerous.ant-btn-link:hover,
  3485. .ant-btn-dangerous.ant-btn-link:focus {
  3486. color: color(~`colorPalette("@{error-color}", 5)`);
  3487. background-color: transparent;
  3488. border-color: transparent;
  3489. }
  3490. .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
  3491. .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  3492. color: currentColor;
  3493. }
  3494. .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
  3495. .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  3496. background: transparent;
  3497. }
  3498. .ant-btn-dangerous.ant-btn-link:active {
  3499. color: color(~`colorPalette("@{error-color}", 7)`);
  3500. background-color: transparent;
  3501. border-color: transparent;
  3502. }
  3503. .ant-btn-dangerous.ant-btn-link:active > a:only-child {
  3504. color: currentColor;
  3505. }
  3506. .ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  3507. background: transparent;
  3508. }
  3509. .ant-btn-dangerous.ant-btn-link-disabled,
  3510. .ant-btn-dangerous.ant-btn-link.disabled,
  3511. .ant-btn-dangerous.ant-btn-link[disabled],
  3512. .ant-btn-dangerous.ant-btn-link-disabled:hover,
  3513. .ant-btn-dangerous.ant-btn-link.disabled:hover,
  3514. .ant-btn-dangerous.ant-btn-link[disabled]:hover,
  3515. .ant-btn-dangerous.ant-btn-link-disabled:focus,
  3516. .ant-btn-dangerous.ant-btn-link.disabled:focus,
  3517. .ant-btn-dangerous.ant-btn-link[disabled]:focus,
  3518. .ant-btn-dangerous.ant-btn-link-disabled:active,
  3519. .ant-btn-dangerous.ant-btn-link.disabled:active,
  3520. .ant-btn-dangerous.ant-btn-link[disabled]:active,
  3521. .ant-btn-dangerous.ant-btn-link-disabled.active,
  3522. .ant-btn-dangerous.ant-btn-link.disabled.active,
  3523. .ant-btn-dangerous.ant-btn-link[disabled].active {
  3524. color: @disabled-color;
  3525. background-color: transparent;
  3526. border-color: transparent;
  3527. box-shadow: none;
  3528. }
  3529. .ant-btn-dangerous.ant-btn-link-disabled > a:only-child,
  3530. .ant-btn-dangerous.ant-btn-link.disabled > a:only-child,
  3531. .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
  3532. .ant-btn-dangerous.ant-btn-link-disabled:hover > a:only-child,
  3533. .ant-btn-dangerous.ant-btn-link.disabled:hover > a:only-child,
  3534. .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
  3535. .ant-btn-dangerous.ant-btn-link-disabled:focus > a:only-child,
  3536. .ant-btn-dangerous.ant-btn-link.disabled:focus > a:only-child,
  3537. .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
  3538. .ant-btn-dangerous.ant-btn-link-disabled:active > a:only-child,
  3539. .ant-btn-dangerous.ant-btn-link.disabled:active > a:only-child,
  3540. .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child,
  3541. .ant-btn-dangerous.ant-btn-link-disabled.active > a:only-child,
  3542. .ant-btn-dangerous.ant-btn-link.disabled.active > a:only-child,
  3543. .ant-btn-dangerous.ant-btn-link[disabled].active > a:only-child {
  3544. color: currentColor;
  3545. }
  3546. .ant-btn-dangerous.ant-btn-link-disabled > a:only-child::after,
  3547. .ant-btn-dangerous.ant-btn-link.disabled > a:only-child::after,
  3548. .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
  3549. .ant-btn-dangerous.ant-btn-link-disabled:hover > a:only-child::after,
  3550. .ant-btn-dangerous.ant-btn-link.disabled:hover > a:only-child::after,
  3551. .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
  3552. .ant-btn-dangerous.ant-btn-link-disabled:focus > a:only-child::after,
  3553. .ant-btn-dangerous.ant-btn-link.disabled:focus > a:only-child::after,
  3554. .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
  3555. .ant-btn-dangerous.ant-btn-link-disabled:active > a:only-child::after,
  3556. .ant-btn-dangerous.ant-btn-link.disabled:active > a:only-child::after,
  3557. .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after,
  3558. .ant-btn-dangerous.ant-btn-link-disabled.active > a:only-child::after,
  3559. .ant-btn-dangerous.ant-btn-link.disabled.active > a:only-child::after,
  3560. .ant-btn-dangerous.ant-btn-link[disabled].active > a:only-child::after {
  3561. background: transparent;
  3562. }
  3563. .ant-btn-icon-only {
  3564. border-radius: 2px;
  3565. }
  3566. .ant-btn-icon-only.ant-btn-lg {
  3567. border-radius: 2px;
  3568. }
  3569. .ant-btn-icon-only.ant-btn-sm {
  3570. border-radius: 2px;
  3571. }
  3572. .ant-btn-round {
  3573. border-radius: 32px;
  3574. }
  3575. .ant-btn-round.ant-btn-lg {
  3576. border-radius: 40px;
  3577. }
  3578. .ant-btn-round.ant-btn-sm {
  3579. border-radius: 24px;
  3580. }
  3581. .ant-btn-circle,
  3582. .ant-btn-circle-outline {
  3583. border-radius: 50%;
  3584. }
  3585. .ant-btn-circle.ant-btn-lg,
  3586. .ant-btn-circle-outline.ant-btn-lg {
  3587. border-radius: 50%;
  3588. }
  3589. .ant-btn-circle.ant-btn-sm,
  3590. .ant-btn-circle-outline.ant-btn-sm {
  3591. border-radius: 50%;
  3592. }
  3593. .ant-btn::before {
  3594. background: @layout-body-background;
  3595. border-radius: inherit;
  3596. }
  3597. .ant-btn-group-lg > .ant-btn,
  3598. .ant-btn-group-lg > span > .ant-btn {
  3599. border-radius: 0;
  3600. }
  3601. .ant-btn-group-sm > .ant-btn,
  3602. .ant-btn-group-sm > span > .ant-btn {
  3603. border-radius: 0;
  3604. }
  3605. .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  3606. border-left-color: transparent;
  3607. }
  3608. .ant-btn-group .ant-btn {
  3609. border-radius: 0;
  3610. }
  3611. .ant-btn-group > .ant-btn:only-child {
  3612. border-radius: 2px;
  3613. }
  3614. .ant-btn-group > span:only-child > .ant-btn {
  3615. border-radius: 2px;
  3616. }
  3617. .ant-btn-group > .ant-btn:first-child:not(:last-child),
  3618. .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  3619. border-top-left-radius: 2px;
  3620. border-bottom-left-radius: 2px;
  3621. }
  3622. .ant-btn-group > .ant-btn:last-child:not(:first-child),
  3623. .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  3624. border-top-right-radius: 2px;
  3625. border-bottom-right-radius: 2px;
  3626. }
  3627. .ant-btn-group-sm > .ant-btn:only-child {
  3628. border-radius: 2px;
  3629. }
  3630. .ant-btn-group-sm > span:only-child > .ant-btn {
  3631. border-radius: 2px;
  3632. }
  3633. .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
  3634. .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  3635. border-top-left-radius: 2px;
  3636. border-bottom-left-radius: 2px;
  3637. }
  3638. .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
  3639. .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  3640. border-top-right-radius: 2px;
  3641. border-bottom-right-radius: 2px;
  3642. }
  3643. .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  3644. border-radius: 0;
  3645. }
  3646. .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  3647. border-top-right-radius: 0;
  3648. border-bottom-right-radius: 0;
  3649. }
  3650. .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  3651. border-top-left-radius: 0;
  3652. border-bottom-left-radius: 0;
  3653. }
  3654. .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
  3655. .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  3656. border-top-left-radius: 0;
  3657. border-top-right-radius: 2px;
  3658. border-bottom-right-radius: 2px;
  3659. border-bottom-left-radius: 0;
  3660. }
  3661. .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
  3662. .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  3663. border-top-left-radius: 2px;
  3664. border-top-right-radius: 0;
  3665. border-bottom-right-radius: 0;
  3666. border-bottom-left-radius: 2px;
  3667. }
  3668. .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
  3669. .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  3670. border-top-left-radius: 0;
  3671. border-top-right-radius: 2px;
  3672. border-bottom-right-radius: 2px;
  3673. border-bottom-left-radius: 0;
  3674. }
  3675. .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
  3676. .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  3677. border-top-left-radius: 2px;
  3678. border-top-right-radius: 0;
  3679. border-bottom-right-radius: 0;
  3680. border-bottom-left-radius: 2px;
  3681. }
  3682. .ant-btn-background-ghost {
  3683. color: @layout-body-background;
  3684. background: transparent !important;
  3685. border-color: @layout-body-background;
  3686. }
  3687. .ant-btn-background-ghost.ant-btn-primary {
  3688. color: @link-color;
  3689. background-color: transparent;
  3690. border-color: @link-color;
  3691. }
  3692. .ant-btn-background-ghost.ant-btn-primary > a:only-child {
  3693. color: currentColor;
  3694. }
  3695. .ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  3696. background: transparent;
  3697. }
  3698. .ant-btn-background-ghost.ant-btn-primary:hover,
  3699. .ant-btn-background-ghost.ant-btn-primary:focus {
  3700. color: color(~`colorPalette("@{link-color}", 5)`);
  3701. background-color: transparent;
  3702. border-color: color(~`colorPalette("@{link-color}", 5)`);
  3703. }
  3704. .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
  3705. .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  3706. color: currentColor;
  3707. }
  3708. .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
  3709. .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  3710. background: transparent;
  3711. }
  3712. .ant-btn-background-ghost.ant-btn-primary:active,
  3713. .ant-btn-background-ghost.ant-btn-primary.active {
  3714. color: color(~`colorPalette("@{link-color}", 7)`);
  3715. background-color: transparent;
  3716. border-color: color(~`colorPalette("@{link-color}", 7)`);
  3717. }
  3718. .ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
  3719. .ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  3720. color: currentColor;
  3721. }
  3722. .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
  3723. .ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  3724. background: transparent;
  3725. }
  3726. .ant-btn-background-ghost.ant-btn-primary-disabled,
  3727. .ant-btn-background-ghost.ant-btn-primary.disabled,
  3728. .ant-btn-background-ghost.ant-btn-primary[disabled],
  3729. .ant-btn-background-ghost.ant-btn-primary-disabled:hover,
  3730. .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
  3731. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
  3732. .ant-btn-background-ghost.ant-btn-primary-disabled:focus,
  3733. .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
  3734. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
  3735. .ant-btn-background-ghost.ant-btn-primary-disabled:active,
  3736. .ant-btn-background-ghost.ant-btn-primary.disabled:active,
  3737. .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
  3738. .ant-btn-background-ghost.ant-btn-primary-disabled.active,
  3739. .ant-btn-background-ghost.ant-btn-primary.disabled.active,
  3740. .ant-btn-background-ghost.ant-btn-primary[disabled].active {
  3741. color: @disabled-color;
  3742. background-color: #f5f5f5;
  3743. border-color: @border-color-base;
  3744. box-shadow: none;
  3745. }
  3746. .ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
  3747. .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
  3748. .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
  3749. .ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
  3750. .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
  3751. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
  3752. .ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
  3753. .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
  3754. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
  3755. .ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
  3756. .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
  3757. .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
  3758. .ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
  3759. .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
  3760. .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  3761. color: currentColor;
  3762. }
  3763. .ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
  3764. .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
  3765. .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
  3766. .ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
  3767. .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
  3768. .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
  3769. .ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
  3770. .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
  3771. .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
  3772. .ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
  3773. .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
  3774. .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
  3775. .ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
  3776. .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
  3777. .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  3778. background: transparent;
  3779. }
  3780. .ant-btn-background-ghost.ant-btn-danger {
  3781. color: @error-color;
  3782. background-color: transparent;
  3783. border-color: @error-color;
  3784. }
  3785. .ant-btn-background-ghost.ant-btn-danger > a:only-child {
  3786. color: currentColor;
  3787. }
  3788. .ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  3789. background: transparent;
  3790. }
  3791. .ant-btn-background-ghost.ant-btn-danger:hover,
  3792. .ant-btn-background-ghost.ant-btn-danger:focus {
  3793. color: color(~`colorPalette("@{error-color}", 5)`);
  3794. background-color: transparent;
  3795. border-color: color(~`colorPalette("@{error-color}", 5)`);
  3796. }
  3797. .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
  3798. .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  3799. color: currentColor;
  3800. }
  3801. .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
  3802. .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  3803. background: transparent;
  3804. }
  3805. .ant-btn-background-ghost.ant-btn-danger:active,
  3806. .ant-btn-background-ghost.ant-btn-danger.active {
  3807. color: color(~`colorPalette("@{error-color}", 7)`);
  3808. background-color: transparent;
  3809. border-color: color(~`colorPalette("@{error-color}", 7)`);
  3810. }
  3811. .ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
  3812. .ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  3813. color: currentColor;
  3814. }
  3815. .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
  3816. .ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  3817. background: transparent;
  3818. }
  3819. .ant-btn-background-ghost.ant-btn-danger-disabled,
  3820. .ant-btn-background-ghost.ant-btn-danger.disabled,
  3821. .ant-btn-background-ghost.ant-btn-danger[disabled],
  3822. .ant-btn-background-ghost.ant-btn-danger-disabled:hover,
  3823. .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
  3824. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
  3825. .ant-btn-background-ghost.ant-btn-danger-disabled:focus,
  3826. .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
  3827. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
  3828. .ant-btn-background-ghost.ant-btn-danger-disabled:active,
  3829. .ant-btn-background-ghost.ant-btn-danger.disabled:active,
  3830. .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
  3831. .ant-btn-background-ghost.ant-btn-danger-disabled.active,
  3832. .ant-btn-background-ghost.ant-btn-danger.disabled.active,
  3833. .ant-btn-background-ghost.ant-btn-danger[disabled].active {
  3834. color: @disabled-color;
  3835. background-color: #f5f5f5;
  3836. border-color: @border-color-base;
  3837. box-shadow: none;
  3838. }
  3839. .ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
  3840. .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
  3841. .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
  3842. .ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
  3843. .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
  3844. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
  3845. .ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
  3846. .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
  3847. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
  3848. .ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
  3849. .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
  3850. .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
  3851. .ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
  3852. .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
  3853. .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  3854. color: currentColor;
  3855. }
  3856. .ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
  3857. .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
  3858. .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
  3859. .ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
  3860. .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
  3861. .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
  3862. .ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
  3863. .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
  3864. .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
  3865. .ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
  3866. .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
  3867. .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
  3868. .ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
  3869. .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
  3870. .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  3871. background: transparent;
  3872. }
  3873. .ant-btn-background-ghost.ant-btn-dangerous {
  3874. color: @error-color;
  3875. background-color: transparent;
  3876. border-color: @error-color;
  3877. }
  3878. .ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  3879. color: currentColor;
  3880. }
  3881. .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  3882. background: transparent;
  3883. }
  3884. .ant-btn-background-ghost.ant-btn-dangerous:hover,
  3885. .ant-btn-background-ghost.ant-btn-dangerous:focus {
  3886. color: color(~`colorPalette("@{error-color}", 5)`);
  3887. background-color: transparent;
  3888. border-color: color(~`colorPalette("@{error-color}", 5)`);
  3889. }
  3890. .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
  3891. .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  3892. color: currentColor;
  3893. }
  3894. .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
  3895. .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  3896. background: transparent;
  3897. }
  3898. .ant-btn-background-ghost.ant-btn-dangerous:active,
  3899. .ant-btn-background-ghost.ant-btn-dangerous.active {
  3900. color: color(~`colorPalette("@{error-color}", 7)`);
  3901. background-color: transparent;
  3902. border-color: color(~`colorPalette("@{error-color}", 7)`);
  3903. }
  3904. .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child,
  3905. .ant-btn-background-ghost.ant-btn-dangerous.active > a:only-child {
  3906. color: currentColor;
  3907. }
  3908. .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after,
  3909. .ant-btn-background-ghost.ant-btn-dangerous.active > a:only-child::after {
  3910. background: transparent;
  3911. }
  3912. .ant-btn-background-ghost.ant-btn-dangerous-disabled,
  3913. .ant-btn-background-ghost.ant-btn-dangerous.disabled,
  3914. .ant-btn-background-ghost.ant-btn-dangerous[disabled],
  3915. .ant-btn-background-ghost.ant-btn-dangerous-disabled:hover,
  3916. .ant-btn-background-ghost.ant-btn-dangerous.disabled:hover,
  3917. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
  3918. .ant-btn-background-ghost.ant-btn-dangerous-disabled:focus,
  3919. .ant-btn-background-ghost.ant-btn-dangerous.disabled:focus,
  3920. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
  3921. .ant-btn-background-ghost.ant-btn-dangerous-disabled:active,
  3922. .ant-btn-background-ghost.ant-btn-dangerous.disabled:active,
  3923. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,
  3924. .ant-btn-background-ghost.ant-btn-dangerous-disabled.active,
  3925. .ant-btn-background-ghost.ant-btn-dangerous.disabled.active,
  3926. .ant-btn-background-ghost.ant-btn-dangerous[disabled].active {
  3927. color: @disabled-color;
  3928. background-color: #f5f5f5;
  3929. border-color: @border-color-base;
  3930. box-shadow: none;
  3931. }
  3932. .ant-btn-background-ghost.ant-btn-dangerous-disabled > a:only-child,
  3933. .ant-btn-background-ghost.ant-btn-dangerous.disabled > a:only-child,
  3934. .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
  3935. .ant-btn-background-ghost.ant-btn-dangerous-disabled:hover > a:only-child,
  3936. .ant-btn-background-ghost.ant-btn-dangerous.disabled:hover > a:only-child,
  3937. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
  3938. .ant-btn-background-ghost.ant-btn-dangerous-disabled:focus > a:only-child,
  3939. .ant-btn-background-ghost.ant-btn-dangerous.disabled:focus > a:only-child,
  3940. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
  3941. .ant-btn-background-ghost.ant-btn-dangerous-disabled:active > a:only-child,
  3942. .ant-btn-background-ghost.ant-btn-dangerous.disabled:active > a:only-child,
  3943. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child,
  3944. .ant-btn-background-ghost.ant-btn-dangerous-disabled.active > a:only-child,
  3945. .ant-btn-background-ghost.ant-btn-dangerous.disabled.active > a:only-child,
  3946. .ant-btn-background-ghost.ant-btn-dangerous[disabled].active > a:only-child {
  3947. color: currentColor;
  3948. }
  3949. .ant-btn-background-ghost.ant-btn-dangerous-disabled > a:only-child::after,
  3950. .ant-btn-background-ghost.ant-btn-dangerous.disabled > a:only-child::after,
  3951. .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
  3952. .ant-btn-background-ghost.ant-btn-dangerous-disabled:hover > a:only-child::after,
  3953. .ant-btn-background-ghost.ant-btn-dangerous.disabled:hover > a:only-child::after,
  3954. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
  3955. .ant-btn-background-ghost.ant-btn-dangerous-disabled:focus > a:only-child::after,
  3956. .ant-btn-background-ghost.ant-btn-dangerous.disabled:focus > a:only-child::after,
  3957. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
  3958. .ant-btn-background-ghost.ant-btn-dangerous-disabled:active > a:only-child::after,
  3959. .ant-btn-background-ghost.ant-btn-dangerous.disabled:active > a:only-child::after,
  3960. .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after,
  3961. .ant-btn-background-ghost.ant-btn-dangerous-disabled.active > a:only-child::after,
  3962. .ant-btn-background-ghost.ant-btn-dangerous.disabled.active > a:only-child::after,
  3963. .ant-btn-background-ghost.ant-btn-dangerous[disabled].active > a:only-child::after {
  3964. background: transparent;
  3965. }
  3966. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  3967. color: @error-color;
  3968. background-color: transparent;
  3969. border-color: transparent;
  3970. }
  3971. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  3972. color: currentColor;
  3973. }
  3974. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  3975. background: transparent;
  3976. }
  3977. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
  3978. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  3979. color: color(~`colorPalette("@{error-color}", 5)`);
  3980. background-color: transparent;
  3981. border-color: transparent;
  3982. }
  3983. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
  3984. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  3985. color: currentColor;
  3986. }
  3987. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
  3988. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  3989. background: transparent;
  3990. }
  3991. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active,
  3992. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.active {
  3993. color: color(~`colorPalette("@{error-color}", 7)`);
  3994. background-color: transparent;
  3995. border-color: transparent;
  3996. }
  3997. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child,
  3998. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.active > a:only-child {
  3999. color: currentColor;
  4000. }
  4001. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after,
  4002. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.active > a:only-child::after {
  4003. background: transparent;
  4004. }
  4005. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled,
  4006. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled,
  4007. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
  4008. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:hover,
  4009. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:hover,
  4010. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
  4011. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:focus,
  4012. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:focus,
  4013. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
  4014. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:active,
  4015. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:active,
  4016. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,
  4017. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled.active,
  4018. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled.active,
  4019. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled].active {
  4020. color: @disabled-color;
  4021. background-color: #f5f5f5;
  4022. border-color: @border-color-base;
  4023. box-shadow: none;
  4024. }
  4025. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled > a:only-child,
  4026. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled > a:only-child,
  4027. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
  4028. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:hover > a:only-child,
  4029. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:hover > a:only-child,
  4030. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
  4031. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:focus > a:only-child,
  4032. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:focus > a:only-child,
  4033. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
  4034. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:active > a:only-child,
  4035. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:active > a:only-child,
  4036. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child,
  4037. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled.active > a:only-child,
  4038. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled.active > a:only-child,
  4039. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled].active > a:only-child {
  4040. color: currentColor;
  4041. }
  4042. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled > a:only-child::after,
  4043. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled > a:only-child::after,
  4044. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
  4045. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:hover > a:only-child::after,
  4046. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:hover > a:only-child::after,
  4047. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
  4048. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:focus > a:only-child::after,
  4049. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:focus > a:only-child::after,
  4050. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
  4051. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled:active > a:only-child::after,
  4052. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled:active > a:only-child::after,
  4053. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after,
  4054. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link-disabled.active > a:only-child::after,
  4055. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link.disabled.active > a:only-child::after,
  4056. .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled].active > a:only-child::after {
  4057. background: transparent;
  4058. }
  4059. .ant-btn-background-ghost.ant-btn-link {
  4060. color: @link-color;
  4061. background-color: transparent;
  4062. border-color: transparent;
  4063. color: @layout-body-background;
  4064. }
  4065. .ant-btn-background-ghost.ant-btn-link > a:only-child {
  4066. color: currentColor;
  4067. }
  4068. .ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  4069. background: transparent;
  4070. }
  4071. .ant-btn-background-ghost.ant-btn-link:hover,
  4072. .ant-btn-background-ghost.ant-btn-link:focus {
  4073. color: color(~`colorPalette("@{link-color}", 5)`);
  4074. background-color: transparent;
  4075. border-color: transparent;
  4076. }
  4077. .ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
  4078. .ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  4079. color: currentColor;
  4080. }
  4081. .ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
  4082. .ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  4083. background: transparent;
  4084. }
  4085. .ant-btn-background-ghost.ant-btn-link:active,
  4086. .ant-btn-background-ghost.ant-btn-link.active {
  4087. color: color(~`colorPalette("@{link-color}", 7)`);
  4088. background-color: transparent;
  4089. border-color: transparent;
  4090. }
  4091. .ant-btn-background-ghost.ant-btn-link:active > a:only-child,
  4092. .ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  4093. color: currentColor;
  4094. }
  4095. .ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
  4096. .ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  4097. background: transparent;
  4098. }
  4099. .ant-btn-background-ghost.ant-btn-link-disabled,
  4100. .ant-btn-background-ghost.ant-btn-link.disabled,
  4101. .ant-btn-background-ghost.ant-btn-link[disabled],
  4102. .ant-btn-background-ghost.ant-btn-link-disabled:hover,
  4103. .ant-btn-background-ghost.ant-btn-link.disabled:hover,
  4104. .ant-btn-background-ghost.ant-btn-link[disabled]:hover,
  4105. .ant-btn-background-ghost.ant-btn-link-disabled:focus,
  4106. .ant-btn-background-ghost.ant-btn-link.disabled:focus,
  4107. .ant-btn-background-ghost.ant-btn-link[disabled]:focus,
  4108. .ant-btn-background-ghost.ant-btn-link-disabled:active,
  4109. .ant-btn-background-ghost.ant-btn-link.disabled:active,
  4110. .ant-btn-background-ghost.ant-btn-link[disabled]:active,
  4111. .ant-btn-background-ghost.ant-btn-link-disabled.active,
  4112. .ant-btn-background-ghost.ant-btn-link.disabled.active,
  4113. .ant-btn-background-ghost.ant-btn-link[disabled].active {
  4114. color: @disabled-color;
  4115. background-color: #f5f5f5;
  4116. border-color: @border-color-base;
  4117. box-shadow: none;
  4118. }
  4119. .ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
  4120. .ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
  4121. .ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
  4122. .ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
  4123. .ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
  4124. .ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
  4125. .ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
  4126. .ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
  4127. .ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
  4128. .ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
  4129. .ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
  4130. .ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
  4131. .ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
  4132. .ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
  4133. .ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  4134. color: currentColor;
  4135. }
  4136. .ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
  4137. .ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
  4138. .ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
  4139. .ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
  4140. .ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
  4141. .ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
  4142. .ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
  4143. .ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
  4144. .ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
  4145. .ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
  4146. .ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
  4147. .ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
  4148. .ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
  4149. .ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
  4150. .ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  4151. background: transparent;
  4152. }
  4153. .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
  4154. .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  4155. border-right-color: color(~`colorPalette("@{link-color}", 5)`);
  4156. border-left-color: @border-color-base;
  4157. }
  4158. .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
  4159. .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  4160. border-right-color: @border-color-base;
  4161. border-left-color: color(~`colorPalette("@{link-color}", 5)`);
  4162. }
  4163. .ant-picker-calendar {
  4164. color: @text-color;
  4165. background: @layout-body-background;
  4166. }
  4167. .ant-picker-calendar .ant-picker-panel {
  4168. background: @layout-body-background;
  4169. border: 0;
  4170. border-top: 1px solid #f0f0f0;
  4171. border-radius: 0;
  4172. }
  4173. .ant-picker-calendar-mini {
  4174. border-radius: 2px;
  4175. }
  4176. .ant-picker-calendar-mini .ant-picker-panel {
  4177. border-radius: 0 0 2px 2px;
  4178. }
  4179. .ant-picker-calendar-full .ant-picker-panel {
  4180. background: @layout-body-background;
  4181. border: 0;
  4182. }
  4183. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  4184. background: #f5f5f5;
  4185. }
  4186. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
  4187. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
  4188. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
  4189. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  4190. background: color(~`colorPalette("@{link-color}", 1)`);
  4191. }
  4192. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
  4193. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
  4194. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
  4195. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  4196. color: @link-color;
  4197. }
  4198. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  4199. border: 0;
  4200. border-top: 2px solid #f0f0f0;
  4201. border-radius: 0;
  4202. }
  4203. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  4204. color: @text-color;
  4205. }
  4206. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  4207. border-color: @link-color;
  4208. }
  4209. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  4210. color: @text-color;
  4211. }
  4212. .ant-card {
  4213. color: @text-color;
  4214. background: @layout-body-background;
  4215. border-radius: 2px;
  4216. }
  4217. .ant-card-hoverable:hover {
  4218. border-color: transparent;
  4219. box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  4220. }
  4221. .ant-card-bordered {
  4222. border: 1px solid #f0f0f0;
  4223. }
  4224. .ant-card-head {
  4225. color: @heading-color;
  4226. background: transparent;
  4227. border-bottom: 1px solid #f0f0f0;
  4228. border-radius: 2px 2px 0 0;
  4229. }
  4230. .ant-tabs{
  4231. background: #fff !important;
  4232. }
  4233. .ant-card-head .ant-tabs {
  4234. color: @text-color;
  4235. }
  4236. .ant-card-head .ant-tabs-bar {
  4237. border-bottom: 1px solid #f0f0f0;
  4238. }
  4239. .ant-card-extra {
  4240. color: @text-color;
  4241. }
  4242. .ant-card-grid {
  4243. border: 0;
  4244. border-radius: 0;
  4245. box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  4246. }
  4247. .ant-card-grid-hoverable:hover {
  4248. box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  4249. }
  4250. .ant-card-cover img {
  4251. border-radius: 2px 2px 0 0;
  4252. }
  4253. .ant-card-actions {
  4254. background: #fafafa;
  4255. border-top: 1px solid #f0f0f0;
  4256. }
  4257. .ant-card-actions > li {
  4258. color: @text-color-secondary;
  4259. }
  4260. .ant-card-actions > li > span:hover {
  4261. color: @link-color;
  4262. }
  4263. .ant-card-actions > li > span a:not(.ant-btn),
  4264. .ant-card-actions > li > span > .anticon {
  4265. color: @text-color-secondary;
  4266. }
  4267. .ant-card-actions > li > span a:not(.ant-btn):hover,
  4268. .ant-card-actions > li > span > .anticon:hover {
  4269. color: @link-color;
  4270. }
  4271. .ant-card-actions > li:not(:last-child) {
  4272. border-right: 1px solid #f0f0f0;
  4273. }
  4274. .ant-card-type-inner .ant-card-head {
  4275. background: #fafafa;
  4276. }
  4277. .ant-card-meta-title {
  4278. color: @heading-color;
  4279. }
  4280. .ant-card-meta-description {
  4281. color: @text-color-secondary;
  4282. }
  4283. .ant-card-loading-block {
  4284. background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  4285. background-size: 600% 600%;
  4286. border-radius: 2px;
  4287. }
  4288. .ant-card {
  4289. color: @text-color;
  4290. background: @layout-body-background;
  4291. border-radius: 2px;
  4292. }
  4293. .ant-card-hoverable:hover {
  4294. border-color: transparent;
  4295. box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  4296. }
  4297. .ant-card-bordered {
  4298. border: 1px solid #f0f0f0;
  4299. }
  4300. .ant-card-head {
  4301. color: @heading-color;
  4302. background: transparent;
  4303. border-bottom: 1px solid #f0f0f0;
  4304. border-radius: 2px 2px 0 0;
  4305. }
  4306. .ant-card-head .ant-tabs {
  4307. color: @text-color;
  4308. }
  4309. .ant-card-head .ant-tabs-bar {
  4310. border-bottom: 1px solid #f0f0f0;
  4311. }
  4312. .ant-card-extra {
  4313. color: @text-color;
  4314. }
  4315. .ant-card-grid {
  4316. border: 0;
  4317. border-radius: 0;
  4318. box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  4319. }
  4320. .ant-card-grid-hoverable:hover {
  4321. box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  4322. }
  4323. .ant-card-cover img {
  4324. border-radius: 2px 2px 0 0;
  4325. }
  4326. .ant-card-actions {
  4327. background: #fafafa;
  4328. border-top: 1px solid #f0f0f0;
  4329. }
  4330. .ant-card-actions > li {
  4331. color: @text-color-secondary;
  4332. }
  4333. .ant-card-actions > li > span:hover {
  4334. color: @link-color;
  4335. }
  4336. .ant-card-actions > li > span a:not(.ant-btn),
  4337. .ant-card-actions > li > span > .anticon {
  4338. color: @text-color-secondary;
  4339. }
  4340. .ant-card-actions > li > span a:not(.ant-btn):hover,
  4341. .ant-card-actions > li > span > .anticon:hover {
  4342. color: @link-color;
  4343. }
  4344. .ant-card-actions > li:not(:last-child) {
  4345. border-right: 1px solid #f0f0f0;
  4346. }
  4347. .ant-card-type-inner .ant-card-head {
  4348. background: #fafafa;
  4349. }
  4350. .ant-card-meta-title {
  4351. color: @heading-color;
  4352. }
  4353. .ant-card-meta-description {
  4354. color: @text-color-secondary;
  4355. }
  4356. .ant-card-loading-block {
  4357. background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  4358. background-size: 600% 600%;
  4359. border-radius: 2px;
  4360. }
  4361. .ant-carousel {
  4362. color: @text-color;
  4363. }
  4364. .ant-carousel .slick-slider {
  4365. -webkit-tap-highlight-color: transparent;
  4366. }
  4367. .ant-carousel .slick-vertical .slick-slide {
  4368. border: 1px solid transparent;
  4369. }
  4370. .ant-carousel .slick-prev,
  4371. .ant-carousel .slick-next {
  4372. color: transparent;
  4373. background: transparent;
  4374. border: 0;
  4375. }
  4376. .ant-carousel .slick-prev:hover,
  4377. .ant-carousel .slick-next:hover,
  4378. .ant-carousel .slick-prev:focus,
  4379. .ant-carousel .slick-next:focus {
  4380. color: transparent;
  4381. background: transparent;
  4382. }
  4383. .ant-carousel .slick-dots li button {
  4384. color: transparent;
  4385. background: @layout-body-background;
  4386. border: 0;
  4387. border-radius: 1px;
  4388. }
  4389. .ant-carousel .slick-dots li.slick-active button {
  4390. background: @layout-body-background;
  4391. }
  4392. .ant-cascader {
  4393. color: @text-color;
  4394. }
  4395. .ant-cascader-input.ant-input {
  4396. background-color: transparent !important;
  4397. }
  4398. .ant-cascader-picker {
  4399. color: @text-color;
  4400. background-color: @layout-body-background;
  4401. border-radius: 2px;
  4402. }
  4403. .ant-cascader-picker-with-value .ant-cascader-picker-label {
  4404. color: transparent;
  4405. }
  4406. .ant-cascader-picker-disabled {
  4407. color: @disabled-color;
  4408. background: #f5f5f5;
  4409. }
  4410. .ant-cascader-picker:focus .ant-cascader-input {
  4411. border-color: color(~`colorPalette("@{link-color}", 5)`);
  4412. border-right-width: 1px !important;
  4413. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4414. }
  4415. .ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input {
  4416. border-right-width: 0;
  4417. border-left-width: 1px !important;
  4418. }
  4419. .ant-cascader-picker-borderless .ant-cascader-input {
  4420. border-color: transparent !important;
  4421. box-shadow: none !important;
  4422. }
  4423. .ant-cascader-picker-show-search.ant-cascader-picker-focused {
  4424. color: @disabled-color;
  4425. }
  4426. .ant-cascader-picker-clear {
  4427. color: @disabled-color;
  4428. background: @layout-body-background;
  4429. }
  4430. .ant-cascader-picker-clear:hover {
  4431. color: @text-color-secondary;
  4432. }
  4433. .ant-cascader-picker-arrow {
  4434. color: @disabled-color;
  4435. }
  4436. .ant-cascader-picker-label:hover + .ant-cascader-input {
  4437. border-color: color(~`colorPalette("@{link-color}", 5)`);
  4438. border-right-width: 1px !important;
  4439. }
  4440. .ant-input-rtl .ant-cascader-picker-label:hover + .ant-cascader-input {
  4441. border-right-width: 0;
  4442. border-left-width: 1px !important;
  4443. }
  4444. .ant-cascader-menus {
  4445. background: @layout-body-background;
  4446. border-radius: 2px;
  4447. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  4448. }
  4449. .ant-cascader-menu {
  4450. border-right: 1px solid #f0f0f0;
  4451. }
  4452. .ant-cascader-menu:first-child {
  4453. border-radius: 2px 0 0 2px;
  4454. }
  4455. .ant-cascader-menu:last-child {
  4456. border-right-color: transparent;
  4457. border-radius: 0 2px 2px 0;
  4458. }
  4459. .ant-cascader-menu:only-child {
  4460. border-radius: 2px;
  4461. }
  4462. .ant-cascader-menu-item:hover {
  4463. background: #f5f5f5;
  4464. }
  4465. .ant-cascader-menu-item-disabled {
  4466. color: @disabled-color;
  4467. }
  4468. .ant-cascader-menu-item-disabled:hover {
  4469. background: transparent;
  4470. }
  4471. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  4472. .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  4473. background-color: color(~`colorPalette("@{link-color}", 1)`);
  4474. }
  4475. .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  4476. .ant-cascader-menu-item-loading-icon {
  4477. color: @text-color-secondary;
  4478. }
  4479. .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  4480. color: color(~`colorPalette("@{error-color}", 5)`);
  4481. }
  4482. .ant-cascader-menu-rtl {
  4483. border-right: none;
  4484. border-left: 1px solid #f0f0f0;
  4485. }
  4486. .ant-cascader-menu-rtl:last-child {
  4487. border-left-color: transparent;
  4488. border-radius: 0 0 4px 4px;
  4489. }
  4490. .ant-checkbox {
  4491. color: @text-color;
  4492. }
  4493. .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  4494. .ant-checkbox:hover .ant-checkbox-inner,
  4495. .ant-checkbox-input:focus + .ant-checkbox-inner {
  4496. border-color: @link-color;
  4497. }
  4498. .ant-checkbox-checked::after {
  4499. border: 1px solid @link-color;
  4500. border-radius: 2px;
  4501. }
  4502. .ant-checkbox-inner {
  4503. background-color: @component-background;
  4504. border: 1px solid @border-color-base;
  4505. border-radius: 2px;
  4506. border-collapse: separate;
  4507. }
  4508. .ant-checkbox-inner::after {
  4509. border: 2px solid @component-background;
  4510. border-top: 0;
  4511. border-left: 0;
  4512. }
  4513. .ant-checkbox-checked .ant-checkbox-inner::after {
  4514. border: 2px solid @component-background;
  4515. border-top: 0;
  4516. border-left: 0;
  4517. }
  4518. .ant-checkbox-checked .ant-checkbox-inner {
  4519. background-color: @link-color;
  4520. border-color: @link-color;
  4521. }
  4522. .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  4523. border-color: @disabled-color;
  4524. }
  4525. .ant-checkbox-disabled .ant-checkbox-inner {
  4526. background-color: #f5f5f5;
  4527. border-color: #d9d9d9 !important;
  4528. }
  4529. .ant-checkbox-disabled .ant-checkbox-inner::after {
  4530. border-color: #f5f5f5;
  4531. border-collapse: separate;
  4532. }
  4533. .ant-checkbox-disabled + span {
  4534. color: @disabled-color;
  4535. }
  4536. .ant-checkbox-wrapper {
  4537. color: @text-color;
  4538. }
  4539. .ant-checkbox-group {
  4540. color: @text-color;
  4541. }
  4542. .ant-checkbox-indeterminate .ant-checkbox-inner {
  4543. background-color: @component-background;
  4544. border-color: @border-color-base;
  4545. }
  4546. .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  4547. background-color: @link-color;
  4548. border: 0;
  4549. }
  4550. .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  4551. background-color: @disabled-color;
  4552. border-color: @disabled-color;
  4553. }
  4554. .ant-collapse {
  4555. color: @text-color;
  4556. background-color: #fafafa;
  4557. border: 1px solid @border-color-base;
  4558. border-bottom: 0;
  4559. border-radius: 2px;
  4560. }
  4561. .ant-collapse > .ant-collapse-item {
  4562. border-bottom: 1px solid @border-color-base;
  4563. }
  4564. .ant-collapse > .ant-collapse-item:last-child,
  4565. .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  4566. border-radius: 0 0 2px 2px;
  4567. }
  4568. .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  4569. color: @heading-color;
  4570. }
  4571. .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  4572. color: inherit;
  4573. }
  4574. .ant-collapse-content {
  4575. color: @text-color;
  4576. background-color: @layout-body-background;
  4577. border-top: 1px solid @border-color-base;
  4578. }
  4579. .ant-collapse-item:last-child > .ant-collapse-content {
  4580. border-radius: 0 0 2px 2px;
  4581. }
  4582. .ant-collapse-borderless {
  4583. background-color: #fafafa;
  4584. border: 0;
  4585. }
  4586. .ant-collapse-borderless > .ant-collapse-item {
  4587. border-bottom: 1px solid @border-color-base;
  4588. }
  4589. .ant-collapse-borderless > .ant-collapse-item:last-child,
  4590. .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  4591. border-radius: 0;
  4592. }
  4593. .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  4594. background-color: transparent;
  4595. border-top: 0;
  4596. }
  4597. .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
  4598. .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  4599. color: @disabled-color;
  4600. }
  4601. .ant-comment {
  4602. background-color: inherit;
  4603. }
  4604. .ant-comment-avatar img {
  4605. border-radius: 50%;
  4606. }
  4607. .ant-comment-content-author-name {
  4608. color: @text-color-secondary;
  4609. }
  4610. .ant-comment-content-author-name > * {
  4611. color: @text-color-secondary;
  4612. }
  4613. .ant-comment-content-author-name > *:hover {
  4614. color: @text-color-secondary;
  4615. }
  4616. .ant-comment-content-author-time {
  4617. color: #ccc;
  4618. }
  4619. .ant-comment-actions > li {
  4620. color: @text-color-secondary;
  4621. }
  4622. .ant-comment-actions > li > span {
  4623. color: @text-color-secondary;
  4624. }
  4625. .ant-comment-actions > li > span:hover {
  4626. color: #595959;
  4627. }
  4628. .ant-picker-panel {
  4629. background: @layout-body-background;
  4630. border: 1px solid #f0f0f0;
  4631. border-radius: 2px;
  4632. }
  4633. .ant-picker-panel-focused {
  4634. border-color: @link-color;
  4635. }
  4636. .ant-picker-header {
  4637. color: @heading-color;
  4638. border-bottom: 1px solid #f0f0f0;
  4639. }
  4640. .ant-picker-header button {
  4641. color: @disabled-color;
  4642. background: transparent;
  4643. border: 0;
  4644. }
  4645. .ant-picker-header > button:hover {
  4646. color: @text-color;
  4647. }
  4648. .ant-picker-header-view button {
  4649. color: inherit;
  4650. }
  4651. .ant-picker-header-view button:hover {
  4652. color: @link-color;
  4653. }
  4654. .ant-picker-prev-icon::before,
  4655. .ant-picker-next-icon::before,
  4656. .ant-picker-super-prev-icon::before,
  4657. .ant-picker-super-next-icon::before {
  4658. border: 0 solid currentColor;
  4659. border-width: 1.5px 0 0 1.5px;
  4660. }
  4661. .ant-picker-super-prev-icon::after,
  4662. .ant-picker-super-next-icon::after {
  4663. border: 0 solid currentColor;
  4664. border-width: 1.5px 0 0 1.5px;
  4665. }
  4666. .ant-picker-content {
  4667. border-collapse: collapse;
  4668. }
  4669. .ant-picker-content th {
  4670. color: @text-color;
  4671. }
  4672. .ant-picker-cell {
  4673. color: @disabled-color;
  4674. }
  4675. .ant-picker-cell-in-view {
  4676. color: @text-color;
  4677. }
  4678. .ant-picker-cell .ant-picker-cell-inner {
  4679. border-radius: 2px;
  4680. }
  4681. .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
  4682. .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  4683. background: #f5f5f5;
  4684. }
  4685. .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  4686. border: 1px solid @link-color;
  4687. border-radius: 2px;
  4688. }
  4689. .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  4690. background: color(~`colorPalette("@{link-color}", 1)`);
  4691. }
  4692. .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
  4693. .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
  4694. .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  4695. color: @component-background;
  4696. background: @link-color;
  4697. }
  4698. .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
  4699. .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  4700. background: color(~`colorPalette("@{link-color}", 1)`);
  4701. }
  4702. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
  4703. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
  4704. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
  4705. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
  4706. .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  4707. border-top: 1px dashed #7ec1ff;
  4708. border-bottom: 1px dashed #7ec1ff;
  4709. }
  4710. .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
  4711. .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
  4712. .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
  4713. .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
  4714. .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
  4715. .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
  4716. .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  4717. background: #cbe6ff;
  4718. }
  4719. .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  4720. border-radius: 2px 0 0 2px;
  4721. }
  4722. .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  4723. border-radius: 0 2px 2px 0;
  4724. }
  4725. .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
  4726. .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  4727. background: #cbe6ff;
  4728. }
  4729. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
  4730. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  4731. .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
  4732. .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  4733. border-left: 1px dashed #7ec1ff;
  4734. border-top-left-radius: 2px;
  4735. border-bottom-left-radius: 2px;
  4736. }
  4737. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
  4738. tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  4739. .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
  4740. .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  4741. border-right: 1px dashed #7ec1ff;
  4742. border-top-right-radius: 2px;
  4743. border-bottom-right-radius: 2px;
  4744. }
  4745. .ant-picker-cell-disabled .ant-picker-cell-inner {
  4746. color: @disabled-color;
  4747. background: transparent;
  4748. }
  4749. .ant-picker-cell-disabled::before {
  4750. background: #f5f5f5;
  4751. }
  4752. .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  4753. border-color: @disabled-color;
  4754. }
  4755. .ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
  4756. .ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
  4757. .ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
  4758. .ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
  4759. background: #f5f5f5;
  4760. }
  4761. .ant-picker-footer {
  4762. border-bottom: 1px solid transparent;
  4763. }
  4764. .ant-picker-panel .ant-picker-footer {
  4765. border-top: 1px solid #f0f0f0;
  4766. }
  4767. .ant-picker-footer-extra:not(:last-child) {
  4768. border-bottom: 1px solid #f0f0f0;
  4769. }
  4770. .ant-picker-today-btn {
  4771. color: @link-color;
  4772. }
  4773. .ant-picker-today-btn:hover {
  4774. color: color(~`colorPalette("@{link-color}", 5)`);
  4775. }
  4776. .ant-picker-today-btn:active {
  4777. color: color(~`colorPalette("@{link-color}", 7)`);
  4778. }
  4779. .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
  4780. .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
  4781. .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  4782. border-left: 1px dashed #7ec1ff;
  4783. border-radius: 2px 0 0 2px;
  4784. }
  4785. .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
  4786. .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
  4787. .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  4788. border-right: 1px dashed #7ec1ff;
  4789. border-radius: 0 2px 2px 0;
  4790. }
  4791. .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
  4792. .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
  4793. .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  4794. border-right: 1px dashed #7ec1ff;
  4795. border-radius: 0 2px 2px 0;
  4796. }
  4797. .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
  4798. .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
  4799. .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  4800. border-left: 1px dashed #7ec1ff;
  4801. border-radius: 2px 0 0 2px;
  4802. }
  4803. .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
  4804. .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
  4805. .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  4806. background: transparent !important;
  4807. }
  4808. .ant-picker-week-panel-row:hover td {
  4809. background: #f5f5f5;
  4810. }
  4811. .ant-picker-week-panel-row-selected td,
  4812. .ant-picker-week-panel-row-selected:hover td {
  4813. background: @link-color;
  4814. }
  4815. .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
  4816. .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  4817. color: rgba(255, 255, 255, 0.5);
  4818. }
  4819. .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
  4820. .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  4821. border-color: @component-background;
  4822. }
  4823. .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
  4824. .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  4825. color: @component-background;
  4826. }
  4827. .ant-picker-datetime-panel .ant-picker-time-panel {
  4828. border-left: 1px solid #f0f0f0;
  4829. }
  4830. .ant-picker-time-panel-column:not(:first-child) {
  4831. border-left: 1px solid #f0f0f0;
  4832. }
  4833. .ant-picker-time-panel-column-active {
  4834. background: rgba(230, 247, 255, 0.2);
  4835. }
  4836. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  4837. color: @text-color;
  4838. border-radius: 0;
  4839. }
  4840. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  4841. background: #f5f5f5;
  4842. }
  4843. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  4844. background: color(~`colorPalette("@{link-color}", 1)`);
  4845. }
  4846. .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  4847. color: @disabled-color;
  4848. background: transparent;
  4849. }
  4850. .ant-picker {
  4851. color: @text-color;
  4852. background: @layout-body-background;
  4853. border: 1px solid @border-color-base;
  4854. border-radius: 2px;
  4855. }
  4856. .ant-picker:hover,
  4857. .ant-picker-focused {
  4858. border-color: color(~`colorPalette("@{link-color}", 5)`);
  4859. border-right-width: 1px !important;
  4860. }
  4861. .ant-input-rtl .ant-picker:hover,
  4862. .ant-input-rtl .ant-picker-focused {
  4863. border-right-width: 0;
  4864. border-left-width: 1px !important;
  4865. }
  4866. .ant-picker-focused {
  4867. border-color: color(~`colorPalette("@{link-color}", 5)`);
  4868. border-right-width: 1px !important;
  4869. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4870. }
  4871. .ant-input-rtl .ant-picker-focused {
  4872. border-right-width: 0;
  4873. border-left-width: 1px !important;
  4874. }
  4875. .ant-picker.ant-picker-disabled {
  4876. background: #f5f5f5;
  4877. border-color: @border-color-base;
  4878. }
  4879. .ant-picker.ant-picker-disabled .ant-picker-suffix {
  4880. color: @disabled-color;
  4881. }
  4882. .ant-picker.ant-picker-borderless {
  4883. background-color: transparent !important;
  4884. border-color: transparent !important;
  4885. box-shadow: none !important;
  4886. }
  4887. .ant-picker-input > input {
  4888. color: @text-color;
  4889. background-color: @layout-body-background;
  4890. border: 1px solid @border-color-base;
  4891. border-radius: 2px;
  4892. background: transparent;
  4893. border: 0;
  4894. }
  4895. .ant-picker-input > input::placeholder {
  4896. color: #bfbfbf;
  4897. }
  4898. .ant-picker-input > input:hover {
  4899. border-color: color(~`colorPalette("@{link-color}", 5)`);
  4900. border-right-width: 1px !important;
  4901. }
  4902. .ant-input-rtl .ant-picker-input > input:hover {
  4903. border-right-width: 0;
  4904. border-left-width: 1px !important;
  4905. }
  4906. .ant-picker-input > input:focus,
  4907. .ant-picker-input > input-focused {
  4908. border-color: color(~`colorPalette("@{link-color}", 5)`);
  4909. border-right-width: 1px !important;
  4910. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  4911. }
  4912. .ant-input-rtl .ant-picker-input > input:focus,
  4913. .ant-input-rtl .ant-picker-input > input-focused {
  4914. border-right-width: 0;
  4915. border-left-width: 1px !important;
  4916. }
  4917. .ant-picker-input > input-disabled {
  4918. color: @disabled-color;
  4919. background-color: #f5f5f5;
  4920. }
  4921. .ant-picker-input > input-disabled:hover {
  4922. border-color: @border-color-base;
  4923. border-right-width: 1px !important;
  4924. }
  4925. .ant-picker-input > input[disabled] {
  4926. color: @disabled-color;
  4927. background-color: #f5f5f5;
  4928. }
  4929. .ant-picker-input > input[disabled]:hover {
  4930. border-color: @border-color-base;
  4931. border-right-width: 1px !important;
  4932. }
  4933. .ant-picker-input > input:focus {
  4934. box-shadow: none;
  4935. }
  4936. .ant-picker-input > input[disabled] {
  4937. background: transparent;
  4938. }
  4939. .ant-picker-suffix {
  4940. color: @disabled-color;
  4941. }
  4942. .ant-picker-clear {
  4943. color: @text-color-secondary;
  4944. background: @layout-body-background;
  4945. }
  4946. .ant-picker-clear:hover {
  4947. color: @disabled-color;
  4948. }
  4949. .ant-picker-separator {
  4950. color: @disabled-color;
  4951. }
  4952. .ant-picker-focused .ant-picker-separator {
  4953. color: @text-color-secondary;
  4954. }
  4955. .ant-picker-range .ant-picker-active-bar {
  4956. background: @link-color;
  4957. }
  4958. .ant-picker-dropdown {
  4959. color: @text-color;
  4960. }
  4961. .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  4962. color: @link-color;
  4963. background: color(~`colorPalette("@{link-color}", 1)`);
  4964. border-color: color(~`colorPalette("@{link-color}", 3)`);
  4965. }
  4966. .ant-picker-range-arrow {
  4967. box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
  4968. }
  4969. .ant-picker-range-arrow::after {
  4970. border: 5px solid #f0f0f0;
  4971. border-color: #f0f2f5 #f0f2f5 transparent transparent;
  4972. }
  4973. .ant-picker-panel-container {
  4974. background: @layout-body-background;
  4975. border-radius: 2px;
  4976. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  4977. }
  4978. .ant-picker-panel-container .ant-picker-panel {
  4979. background: transparent;
  4980. border-width: 0 0 1px 0;
  4981. border-radius: 0;
  4982. }
  4983. .ant-picker-panel-container .ant-picker-panel-focused {
  4984. border-color: #f0f0f0;
  4985. }
  4986. .ant-picker-cell .ant-picker-cell-inner {
  4987. border-radius: 2px;
  4988. }
  4989. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
  4990. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  4991. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
  4992. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  4993. border-right: 1px dashed #7ec1ff;
  4994. border-left: none;
  4995. border-top-left-radius: 0;
  4996. border-top-right-radius: 2px;
  4997. border-bottom-right-radius: 2px;
  4998. border-bottom-left-radius: 0;
  4999. }
  5000. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
  5001. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  5002. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
  5003. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  5004. border-right: none;
  5005. border-left: 1px dashed #7ec1ff;
  5006. border-top-left-radius: 2px;
  5007. border-top-right-radius: 0;
  5008. border-bottom-right-radius: 0;
  5009. border-bottom-left-radius: 2px;
  5010. }
  5011. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  5012. .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  5013. border-right: 1px dashed #7ec1ff;
  5014. border-top-right-radius: 2px;
  5015. border-bottom-right-radius: 2px;
  5016. }
  5017. .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after {
  5018. border-left: 1px dashed #7ec1ff;
  5019. border-top-left-radius: 2px;
  5020. border-bottom-left-radius: 2px;
  5021. }
  5022. .ant-descriptions-title {
  5023. color: @heading-color;
  5024. }
  5025. .ant-descriptions-view {
  5026. border-radius: 2px;
  5027. }
  5028. .ant-descriptions-row:last-child {
  5029. border-bottom: none;
  5030. }
  5031. .ant-descriptions-item-label {
  5032. color: @heading-color;
  5033. }
  5034. .ant-descriptions-item-content {
  5035. color: @text-color;
  5036. }
  5037. .ant-descriptions-bordered .ant-descriptions-view {
  5038. border: 1px solid #f0f0f0;
  5039. }
  5040. .ant-descriptions-bordered .ant-descriptions-item-label,
  5041. .ant-descriptions-bordered .ant-descriptions-item-content {
  5042. border-right: 1px solid #f0f0f0;
  5043. }
  5044. .ant-descriptions-bordered .ant-descriptions-item-label:last-child,
  5045. .ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  5046. border-right: none;
  5047. }
  5048. .ant-descriptions-bordered .ant-descriptions-item-label {
  5049. background-color: #fafafa;
  5050. }
  5051. .ant-descriptions-bordered .ant-descriptions-row {
  5052. border-bottom: 1px solid #f0f0f0;
  5053. }
  5054. .ant-descriptions-bordered .ant-descriptions-row:last-child {
  5055. border-bottom: none;
  5056. }
  5057. .ant-divider {
  5058. color: @text-color;
  5059. background: #f0f0f0;
  5060. }
  5061. .ant-divider-horizontal.ant-divider-with-text {
  5062. color: @heading-color;
  5063. background: transparent;
  5064. }
  5065. .ant-divider-horizontal.ant-divider-with-text::before,
  5066. .ant-divider-horizontal.ant-divider-with-text::after {
  5067. border-top: 1px solid #f0f0f0;
  5068. }
  5069. .ant-divider-dashed {
  5070. background: none;
  5071. border-color: #f0f0f0;
  5072. border-style: dashed;
  5073. border-width: 1px 0 0;
  5074. }
  5075. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
  5076. border-top: 0;
  5077. }
  5078. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
  5079. .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  5080. border-style: dashed none none;
  5081. }
  5082. .ant-divider-vertical.ant-divider-dashed {
  5083. border-width: 0 0 0 1px;
  5084. }
  5085. .ant-divider-plain.ant-divider-with-text {
  5086. color: @text-color;
  5087. }
  5088. .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  5089. box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  5090. }
  5091. .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  5092. box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  5093. }
  5094. .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  5095. box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  5096. }
  5097. .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  5098. box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  5099. }
  5100. .ant-drawer-title {
  5101. color: @heading-color;
  5102. }
  5103. .ant-drawer-content {
  5104. background-color: @layout-body-background;
  5105. background-clip: padding-box;
  5106. border: 0;
  5107. }
  5108. .ant-drawer-close {
  5109. color: @text-color-secondary;
  5110. background: transparent;
  5111. border: 0;
  5112. }
  5113. .ant-drawer-close:focus,
  5114. .ant-drawer-close:hover {
  5115. color: rgba(0, 0, 0, 0.75);
  5116. }
  5117. .ant-drawer-header {
  5118. color: @text-color;
  5119. background: @layout-body-background;
  5120. border-bottom: 1px solid #f0f0f0;
  5121. border-radius: 2px 2px 0 0;
  5122. }
  5123. .ant-drawer-header-no-title {
  5124. color: @text-color;
  5125. background: @layout-body-background;
  5126. }
  5127. .ant-drawer-footer {
  5128. border-top: 1px solid #f0f0f0;
  5129. }
  5130. .ant-drawer-mask {
  5131. background-color: @text-color-secondary;
  5132. }
  5133. .ant-drawer-open-content {
  5134. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  5135. }
  5136. .ant-drawer .ant-picker-clear {
  5137. background: @layout-body-background;
  5138. }
  5139. .ant-dropdown {
  5140. color: @text-color;
  5141. }
  5142. .ant-dropdown-menu {
  5143. background-color: @layout-body-background;
  5144. background-clip: padding-box;
  5145. border-radius: 2px;
  5146. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  5147. }
  5148. .ant-dropdown-menu-item-group-title {
  5149. color: @text-color-secondary;
  5150. }
  5151. .ant-dropdown-menu-submenu-popup {
  5152. background: transparent;
  5153. box-shadow: none;
  5154. }
  5155. .ant-dropdown-menu-item,
  5156. .ant-dropdown-menu-submenu-title {
  5157. color: @text-color;
  5158. }
  5159. .ant-dropdown-menu-item > a,
  5160. .ant-dropdown-menu-submenu-title > a {
  5161. color: @text-color;
  5162. }
  5163. .ant-dropdown-menu-item > a:hover,
  5164. .ant-dropdown-menu-submenu-title > a:hover {
  5165. color: @text-color;
  5166. }
  5167. .ant-dropdown-menu-item-selected,
  5168. .ant-dropdown-menu-submenu-title-selected,
  5169. .ant-dropdown-menu-item-selected > a,
  5170. .ant-dropdown-menu-submenu-title-selected > a {
  5171. color: @link-color;
  5172. background-color: color(~`colorPalette("@{link-color}", 1)`);
  5173. }
  5174. .ant-dropdown-menu-item:hover,
  5175. .ant-dropdown-menu-submenu-title:hover {
  5176. background-color: #f5f5f5;
  5177. }
  5178. .ant-dropdown-menu-item-disabled,
  5179. .ant-dropdown-menu-submenu-title-disabled {
  5180. color: @disabled-color;
  5181. }
  5182. .ant-dropdown-menu-item-disabled:hover,
  5183. .ant-dropdown-menu-submenu-title-disabled:hover {
  5184. color: @disabled-color;
  5185. background-color: @layout-body-background;
  5186. }
  5187. .ant-dropdown-menu-item-divider,
  5188. .ant-dropdown-menu-submenu-title-divider {
  5189. background-color: #f0f0f0;
  5190. }
  5191. .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
  5192. .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  5193. color: @text-color-secondary;
  5194. }
  5195. .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
  5196. .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  5197. color: @disabled-color;
  5198. background-color: @layout-body-background;
  5199. }
  5200. .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  5201. color: @link-color;
  5202. }
  5203. .ant-dropdown-menu-dark,
  5204. .ant-dropdown-menu-dark .ant-dropdown-menu {
  5205. background: #001529;
  5206. }
  5207. .ant-dropdown-menu-dark .ant-dropdown-menu-item,
  5208. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
  5209. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  5210. color: rgba(255, 255, 255, 0.65);
  5211. }
  5212. .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
  5213. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
  5214. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  5215. color: rgba(255, 255, 255, 0.65);
  5216. }
  5217. .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
  5218. .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
  5219. .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  5220. color: @component-background;
  5221. background: transparent;
  5222. }
  5223. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
  5224. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
  5225. .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  5226. color: @component-background;
  5227. background: @link-color;
  5228. }
  5229. .ant-empty-normal {
  5230. color: @disabled-color;
  5231. }
  5232. .ant-empty-small {
  5233. color: @disabled-color;
  5234. }
  5235. .ant-form {
  5236. color: @text-color;
  5237. }
  5238. .ant-form legend {
  5239. color: @text-color-secondary;
  5240. border: 0;
  5241. border-bottom: 1px solid @border-color-base;
  5242. }
  5243. .ant-form output {
  5244. color: @text-color;
  5245. }
  5246. .ant-form-item {
  5247. color: @text-color;
  5248. }
  5249. .ant-form-item-label > label {
  5250. color: @heading-color;
  5251. }
  5252. .ant-form-item-label > label.ant-form-item-required::before {
  5253. color: color(~`colorPalette("@{error-color}", 5)`);
  5254. }
  5255. .ant-form-item-explain,
  5256. .ant-form-item-extra {
  5257. color: @text-color-secondary;
  5258. }
  5259. .ant-form-item .ant-upload {
  5260. background: transparent;
  5261. }
  5262. .ant-form-item .ant-upload.ant-upload-drag {
  5263. background: #fafafa;
  5264. }
  5265. .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
  5266. color: @success-color;
  5267. }
  5268. .ant-form-item-has-warning .ant-form-item-explain,
  5269. .ant-form-item-has-warning .ant-form-item-split {
  5270. color: @warning-color;
  5271. }
  5272. .ant-form-item-has-warning .ant-input,
  5273. .ant-form-item-has-warning .ant-input-affix-wrapper,
  5274. .ant-form-item-has-warning .ant-input:hover,
  5275. .ant-form-item-has-warning .ant-input-affix-wrapper:hover {
  5276. background-color: @layout-body-background;
  5277. border-color: @warning-color;
  5278. }
  5279. .ant-form-item-has-warning .ant-input:focus,
  5280. .ant-form-item-has-warning .ant-input-affix-wrapper:focus,
  5281. .ant-form-item-has-warning .ant-input-focused,
  5282. .ant-form-item-has-warning .ant-input-affix-wrapper-focused {
  5283. border-color: color(~`colorPalette("@{warning-color}", 5)`);
  5284. border-right-width: 1px !important;
  5285. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  5286. }
  5287. .ant-form-item-has-warning .ant-input:not([disabled]):hover,
  5288. .ant-form-item-has-warning .ant-input-affix-wrapper:not([disabled]):hover {
  5289. border-color: @warning-color;
  5290. }
  5291. .ant-form-item-has-warning .ant-input-affix-wrapper input:focus {
  5292. box-shadow: none !important;
  5293. }
  5294. .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  5295. border-color: color(~`colorPalette("@{warning-color}", 5)`);
  5296. border-right-width: 1px !important;
  5297. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  5298. }
  5299. .ant-form-item-has-warning .ant-input-prefix {
  5300. color: @warning-color;
  5301. }
  5302. .ant-form-item-has-warning .ant-input-group-addon {
  5303. color: @warning-color;
  5304. background-color: @layout-body-background;
  5305. border-color: @warning-color;
  5306. }
  5307. .ant-form-item-has-warning .has-feedback {
  5308. color: @warning-color;
  5309. }
  5310. .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
  5311. color: @warning-color;
  5312. }
  5313. .ant-form-item-has-warning .ant-select:not(.ant-select-borderless) .ant-select-selector {
  5314. border-color: #faad14 !important;
  5315. }
  5316. .ant-form-item-has-warning .ant-select:not(.ant-select-borderless).ant-select-open .ant-select-selector,
  5317. .ant-form-item-has-warning .ant-select:not(.ant-select-borderless).ant-select-focused .ant-select-selector {
  5318. border-color: color(~`colorPalette("@{warning-color}", 5)`);
  5319. border-right-width: 1px !important;
  5320. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  5321. }
  5322. .ant-form-item-has-warning .ant-input-number,
  5323. .ant-form-item-has-warning .ant-picker {
  5324. border-color: @warning-color;
  5325. }
  5326. .ant-form-item-has-warning .ant-input-number-focused,
  5327. .ant-form-item-has-warning .ant-picker-focused,
  5328. .ant-form-item-has-warning .ant-input-number:focus,
  5329. .ant-form-item-has-warning .ant-picker:focus {
  5330. border-color: color(~`colorPalette("@{warning-color}", 5)`);
  5331. border-right-width: 1px !important;
  5332. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  5333. }
  5334. .ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
  5335. .ant-form-item-has-warning .ant-picker:not([disabled]):hover {
  5336. border-color: @warning-color;
  5337. }
  5338. .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
  5339. border-color: color(~`colorPalette("@{warning-color}", 5)`);
  5340. border-right-width: 1px !important;
  5341. box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  5342. }
  5343. .ant-form-item-has-error .ant-form-item-explain,
  5344. .ant-form-item-has-error .ant-form-item-split {
  5345. color: @error-color;
  5346. }
  5347. .ant-form-item-has-error .ant-input,
  5348. .ant-form-item-has-error .ant-input-affix-wrapper,
  5349. .ant-form-item-has-error .ant-input:hover,
  5350. .ant-form-item-has-error .ant-input-affix-wrapper:hover {
  5351. background-color: @layout-body-background;
  5352. border-color: @error-color;
  5353. }
  5354. .ant-form-item-has-error .ant-input:focus,
  5355. .ant-form-item-has-error .ant-input-affix-wrapper:focus,
  5356. .ant-form-item-has-error .ant-input-focused,
  5357. .ant-form-item-has-error .ant-input-affix-wrapper-focused {
  5358. border-color: color(~`colorPalette("@{error-color}", 5)`);
  5359. border-right-width: 1px !important;
  5360. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  5361. }
  5362. .ant-form-item-has-error .ant-input:not([disabled]):hover,
  5363. .ant-form-item-has-error .ant-input-affix-wrapper:not([disabled]):hover {
  5364. border-color: @error-color;
  5365. }
  5366. .ant-form-item-has-error .ant-input-affix-wrapper input:focus {
  5367. box-shadow: none !important;
  5368. }
  5369. .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  5370. border-color: color(~`colorPalette("@{error-color}", 5)`);
  5371. border-right-width: 1px !important;
  5372. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  5373. }
  5374. .ant-form-item-has-error .ant-input-prefix {
  5375. color: @error-color;
  5376. }
  5377. .ant-form-item-has-error .ant-input-group-addon {
  5378. color: @error-color;
  5379. background-color: @layout-body-background;
  5380. border-color: @error-color;
  5381. }
  5382. .ant-form-item-has-error .has-feedback {
  5383. color: @error-color;
  5384. }
  5385. .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
  5386. color: @error-color;
  5387. }
  5388. .ant-form-item-has-error .ant-select:not(.ant-select-borderless) .ant-select-selector {
  5389. border-color: #f5222d !important;
  5390. }
  5391. .ant-form-item-has-error .ant-select:not(.ant-select-borderless).ant-select-open .ant-select-selector,
  5392. .ant-form-item-has-error .ant-select:not(.ant-select-borderless).ant-select-focused .ant-select-selector {
  5393. border-color: color(~`colorPalette("@{error-color}", 5)`);
  5394. border-right-width: 1px !important;
  5395. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  5396. }
  5397. .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  5398. border: 0;
  5399. }
  5400. .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  5401. border-color: @error-color;
  5402. }
  5403. .ant-form-item-has-error .ant-input-number,
  5404. .ant-form-item-has-error .ant-picker {
  5405. border-color: @error-color;
  5406. }
  5407. .ant-form-item-has-error .ant-input-number-focused,
  5408. .ant-form-item-has-error .ant-picker-focused,
  5409. .ant-form-item-has-error .ant-input-number:focus,
  5410. .ant-form-item-has-error .ant-picker:focus {
  5411. border-color: color(~`colorPalette("@{error-color}", 5)`);
  5412. border-right-width: 1px !important;
  5413. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  5414. }
  5415. .ant-form-item-has-error .ant-input-number:not([disabled]):hover,
  5416. .ant-form-item-has-error .ant-picker:not([disabled]):hover {
  5417. border-color: @error-color;
  5418. }
  5419. .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
  5420. .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  5421. border-color: @error-color;
  5422. }
  5423. .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
  5424. .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  5425. border-color: color(~`colorPalette("@{error-color}", 5)`);
  5426. border-right-width: 1px !important;
  5427. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  5428. }
  5429. .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
  5430. border-color: color(~`colorPalette("@{error-color}", 5)`);
  5431. border-right-width: 1px !important;
  5432. box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  5433. }
  5434. .ant-form-item-has-error .ant-transfer-list {
  5435. border-color: @error-color;
  5436. }
  5437. .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
  5438. border-color: @border-color-base;
  5439. }
  5440. .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  5441. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5442. border-right-width: 1px !important;
  5443. }
  5444. .ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  5445. border-right-width: 0;
  5446. border-left-width: 1px !important;
  5447. }
  5448. .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  5449. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5450. border-right-width: 1px !important;
  5451. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5452. }
  5453. .ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  5454. border-right-width: 0;
  5455. border-left-width: 1px !important;
  5456. }
  5457. .ant-form-item-has-error-leave .ant-form-item-explain {
  5458. color: @error-color;
  5459. }
  5460. .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
  5461. color: @link-color;
  5462. }
  5463. .ant-form {
  5464. color: @text-color;
  5465. }
  5466. .ant-form legend {
  5467. color: @text-color-secondary;
  5468. border: 0;
  5469. border-bottom: 1px solid @border-color-base;
  5470. }
  5471. .ant-form output {
  5472. color: @text-color;
  5473. }
  5474. .ant-form-item {
  5475. color: @text-color;
  5476. }
  5477. .ant-form-item-label > label {
  5478. color: @heading-color;
  5479. }
  5480. .ant-form-item-label > label.ant-form-item-required::before {
  5481. color: color(~`colorPalette("@{error-color}", 5)`);
  5482. }
  5483. .ant-form-item-explain,
  5484. .ant-form-item-extra {
  5485. color: @text-color-secondary;
  5486. }
  5487. .ant-input-number {
  5488. color: @text-color;
  5489. background-color: @layout-body-background;
  5490. border: 1px solid @border-color-base;
  5491. border-radius: 2px;
  5492. }
  5493. .ant-input-number::placeholder {
  5494. color: #bfbfbf;
  5495. }
  5496. .ant-input-number:hover {
  5497. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5498. border-right-width: 1px !important;
  5499. }
  5500. .ant-input-rtl .ant-input-number:hover {
  5501. border-right-width: 0;
  5502. border-left-width: 1px !important;
  5503. }
  5504. .ant-input-number:focus,
  5505. .ant-input-number-focused {
  5506. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5507. border-right-width: 1px !important;
  5508. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5509. }
  5510. .ant-input-rtl .ant-input-number:focus,
  5511. .ant-input-rtl .ant-input-number-focused {
  5512. border-right-width: 0;
  5513. border-left-width: 1px !important;
  5514. }
  5515. .ant-input-number-disabled {
  5516. color: @disabled-color;
  5517. background-color: #f5f5f5;
  5518. }
  5519. .ant-input-number-disabled:hover {
  5520. border-color: @border-color-base;
  5521. border-right-width: 1px !important;
  5522. }
  5523. .ant-input-number[disabled] {
  5524. color: @disabled-color;
  5525. background-color: #f5f5f5;
  5526. }
  5527. .ant-input-number[disabled]:hover {
  5528. border-color: @border-color-base;
  5529. border-right-width: 1px !important;
  5530. }
  5531. .ant-input-number-handler {
  5532. color: @text-color-secondary;
  5533. }
  5534. .ant-input-number-handler:active {
  5535. background: #f4f4f4;
  5536. }
  5537. .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
  5538. .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  5539. color: color(~`colorPalette("@{link-color}", 5)`);
  5540. }
  5541. .ant-input-number-handler-up-inner,
  5542. .ant-input-number-handler-down-inner {
  5543. color: inherit;
  5544. color: @text-color-secondary;
  5545. }
  5546. .ant-input-number:hover {
  5547. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5548. border-right-width: 1px !important;
  5549. }
  5550. .ant-input-number-focused {
  5551. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5552. border-right-width: 1px !important;
  5553. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5554. }
  5555. .ant-input-rtl .ant-input-number-focused {
  5556. border-right-width: 0;
  5557. border-left-width: 1px !important;
  5558. }
  5559. .ant-input-number-disabled {
  5560. color: @disabled-color;
  5561. background-color: #f5f5f5;
  5562. }
  5563. .ant-input-number-disabled:hover {
  5564. border-color: @border-color-base;
  5565. border-right-width: 1px !important;
  5566. }
  5567. .ant-input-number-input {
  5568. background-color: transparent;
  5569. border: 0;
  5570. border-radius: 2px;
  5571. }
  5572. .ant-input-number-input::placeholder {
  5573. color: #bfbfbf;
  5574. }
  5575. .ant-input-number-handler-wrap {
  5576. background: @layout-body-background;
  5577. border-left: 1px solid @border-color-base;
  5578. border-radius: 0 2px 2px 0;
  5579. }
  5580. .ant-input-number-handler-up {
  5581. border-top-right-radius: 2px;
  5582. }
  5583. .ant-input-number-handler-down {
  5584. border-top: 1px solid @border-color-base;
  5585. border-bottom-right-radius: 2px;
  5586. }
  5587. .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
  5588. .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  5589. color: @disabled-color;
  5590. }
  5591. .ant-input-number-rtl .ant-input-number-handler-wrap {
  5592. border-right: 1px solid @border-color-base;
  5593. border-left: 0;
  5594. border-radius: 2px 0 0 2px;
  5595. }
  5596. .ant-input {
  5597. color: @text-color;
  5598. background-color: @layout-body-background;
  5599. border: 1px solid @border-color-base;
  5600. border-radius: 2px;
  5601. }
  5602. .ant-input::placeholder {
  5603. color: #bfbfbf;
  5604. }
  5605. .ant-input:hover {
  5606. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5607. border-right-width: 1px !important;
  5608. }
  5609. .ant-input-rtl .ant-input:hover {
  5610. border-right-width: 0;
  5611. border-left-width: 1px !important;
  5612. }
  5613. .ant-input:focus,
  5614. .ant-input-focused {
  5615. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5616. border-right-width: 1px !important;
  5617. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5618. }
  5619. .ant-input-rtl .ant-input:focus,
  5620. .ant-input-rtl .ant-input-focused {
  5621. border-right-width: 0;
  5622. border-left-width: 1px !important;
  5623. }
  5624. .ant-input-disabled {
  5625. color: @disabled-color;
  5626. background-color: #f5f5f5;
  5627. }
  5628. .ant-input-disabled:hover {
  5629. border-color: @border-color-base;
  5630. border-right-width: 1px !important;
  5631. }
  5632. .ant-input[disabled] {
  5633. color: @disabled-color;
  5634. background-color: #f5f5f5;
  5635. }
  5636. .ant-input[disabled]:hover {
  5637. border-color: @border-color-base;
  5638. border-right-width: 1px !important;
  5639. }
  5640. .ant-input-group {
  5641. color: @text-color;
  5642. border-collapse: separate;
  5643. border-spacing: 0;
  5644. }
  5645. .ant-input-group-addon:not(:first-child):not(:last-child),
  5646. .ant-input-group-wrap:not(:first-child):not(:last-child),
  5647. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  5648. border-radius: 0;
  5649. }
  5650. .ant-input-group .ant-input:focus {
  5651. border-right-width: 1px;
  5652. }
  5653. .ant-input-group .ant-input:hover {
  5654. border-right-width: 1px;
  5655. }
  5656. .ant-input-group-addon {
  5657. color: @text-color;
  5658. background-color: #fafafa;
  5659. border: 1px solid @border-color-base;
  5660. border-radius: 2px;
  5661. }
  5662. .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  5663. background-color: inherit;
  5664. border: 1px solid transparent;
  5665. box-shadow: none;
  5666. }
  5667. .ant-input-group-addon .ant-select-open .ant-select-selector,
  5668. .ant-input-group-addon .ant-select-focused .ant-select-selector {
  5669. color: @link-color;
  5670. }
  5671. .ant-input-group > .ant-input:first-child,
  5672. .ant-input-group-addon:first-child {
  5673. border-top-right-radius: 0;
  5674. border-bottom-right-radius: 0;
  5675. }
  5676. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
  5677. .ant-input-group-addon:first-child .ant-select .ant-select-selector {
  5678. border-top-right-radius: 0;
  5679. border-bottom-right-radius: 0;
  5680. }
  5681. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  5682. border-top-left-radius: 0;
  5683. border-bottom-left-radius: 0;
  5684. }
  5685. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  5686. border-top-right-radius: 0;
  5687. border-bottom-right-radius: 0;
  5688. }
  5689. .ant-input-group-addon:first-child {
  5690. border-right: 0;
  5691. }
  5692. .ant-input-group-addon:last-child {
  5693. border-left: 0;
  5694. }
  5695. .ant-input-group > .ant-input:last-child,
  5696. .ant-input-group-addon:last-child {
  5697. border-top-left-radius: 0;
  5698. border-bottom-left-radius: 0;
  5699. }
  5700. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
  5701. .ant-input-group-addon:last-child .ant-select .ant-select-selector {
  5702. border-top-left-radius: 0;
  5703. border-bottom-left-radius: 0;
  5704. }
  5705. .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  5706. border-top-left-radius: 0;
  5707. border-bottom-left-radius: 0;
  5708. }
  5709. .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  5710. border-top-right-radius: 0;
  5711. border-bottom-right-radius: 0;
  5712. }
  5713. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  5714. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  5715. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  5716. border-right-width: 1px;
  5717. }
  5718. .ant-input-group.ant-input-group-compact > * {
  5719. border-radius: 0;
  5720. }
  5721. .ant-input-group.ant-input-group-compact > *:not(:last-child) {
  5722. border-right-width: 1px;
  5723. }
  5724. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
  5725. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
  5726. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  5727. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  5728. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
  5729. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
  5730. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  5731. border-right-width: 1px;
  5732. border-radius: 0;
  5733. }
  5734. .ant-input-group.ant-input-group-compact > *:first-child,
  5735. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  5736. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
  5737. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  5738. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
  5739. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
  5740. .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  5741. border-top-left-radius: 2px;
  5742. border-bottom-left-radius: 2px;
  5743. }
  5744. .ant-input-group.ant-input-group-compact > *:last-child,
  5745. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  5746. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
  5747. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  5748. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  5749. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
  5750. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
  5751. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  5752. border-right-width: 1px;
  5753. border-top-right-radius: 2px;
  5754. border-bottom-right-radius: 2px;
  5755. }
  5756. .ant-input-group > .ant-input-rtl:first-child,
  5757. .ant-input-group-rtl .ant-input-group-addon:first-child {
  5758. border-radius: 2px;
  5759. border-top-left-radius: 0;
  5760. border-bottom-left-radius: 0;
  5761. }
  5762. .ant-input-group-rtl .ant-input-group-addon:first-child {
  5763. border-right: 1px solid @border-color-base;
  5764. border-left: 0;
  5765. }
  5766. .ant-input-group-rtl .ant-input-group-addon:last-child {
  5767. border-right: 0;
  5768. border-left: 1px solid @border-color-base;
  5769. }
  5770. .ant-input-group-rtl .ant-input-group > .ant-input:last-child,
  5771. .ant-input-group-rtl .ant-input-group-addon:last-child {
  5772. border-radius: 2px;
  5773. border-top-right-radius: 0;
  5774. border-bottom-right-radius: 0;
  5775. }
  5776. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  5777. border-left-width: 1px;
  5778. }
  5779. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
  5780. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  5781. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
  5782. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  5783. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
  5784. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
  5785. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  5786. border-top-left-radius: 0;
  5787. border-top-right-radius: 2px;
  5788. border-bottom-right-radius: 2px;
  5789. border-bottom-left-radius: 0;
  5790. }
  5791. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
  5792. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  5793. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
  5794. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  5795. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  5796. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
  5797. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
  5798. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  5799. border-left-width: 1px;
  5800. border-top-left-radius: 2px;
  5801. border-top-right-radius: 0;
  5802. border-bottom-right-radius: 0;
  5803. border-bottom-left-radius: 2px;
  5804. }
  5805. .ant-input-password-icon {
  5806. color: @text-color-secondary;
  5807. }
  5808. .ant-input-password-icon:hover {
  5809. color: @heading-color;
  5810. }
  5811. .ant-input-affix-wrapper {
  5812. color: @text-color;
  5813. background-color: @layout-body-background;
  5814. border: 1px solid @border-color-base;
  5815. border-radius: 2px;
  5816. }
  5817. .ant-input-affix-wrapper::placeholder {
  5818. color: #bfbfbf;
  5819. }
  5820. .ant-input-affix-wrapper:hover {
  5821. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5822. border-right-width: 1px !important;
  5823. }
  5824. .ant-input-rtl .ant-input-affix-wrapper:hover {
  5825. border-right-width: 0;
  5826. border-left-width: 1px !important;
  5827. }
  5828. .ant-input-affix-wrapper:focus,
  5829. .ant-input-affix-wrapper-focused {
  5830. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5831. border-right-width: 1px !important;
  5832. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5833. }
  5834. .ant-input-rtl .ant-input-affix-wrapper:focus,
  5835. .ant-input-rtl .ant-input-affix-wrapper-focused {
  5836. border-right-width: 0;
  5837. border-left-width: 1px !important;
  5838. }
  5839. .ant-input-affix-wrapper-disabled {
  5840. color: @disabled-color;
  5841. background-color: #f5f5f5;
  5842. }
  5843. .ant-input-affix-wrapper-disabled:hover {
  5844. border-color: @border-color-base;
  5845. border-right-width: 1px !important;
  5846. }
  5847. .ant-input-affix-wrapper[disabled] {
  5848. color: @disabled-color;
  5849. background-color: #f5f5f5;
  5850. }
  5851. .ant-input-affix-wrapper[disabled]:hover {
  5852. border-color: @border-color-base;
  5853. border-right-width: 1px !important;
  5854. }
  5855. .ant-input-affix-wrapper-disabled .ant-input[disabled] {
  5856. background: transparent;
  5857. }
  5858. .ant-input-affix-wrapper > input.ant-input {
  5859. border: none;
  5860. }
  5861. .ant-input-affix-wrapper > input.ant-input:focus {
  5862. box-shadow: none;
  5863. }
  5864. .ant-input-clear-icon {
  5865. color: @disabled-color;
  5866. }
  5867. .ant-input-clear-icon:hover {
  5868. color: @text-color-secondary;
  5869. }
  5870. .ant-input-clear-icon:active {
  5871. color: @text-color;
  5872. }
  5873. .ant-input-affix-wrapper-textarea-with-clear-btn {
  5874. border: 0 !important;
  5875. }
  5876. .ant-input-textarea-clear-icon {
  5877. color: @disabled-color;
  5878. }
  5879. .ant-input-textarea-clear-icon:hover {
  5880. color: @text-color-secondary;
  5881. }
  5882. .ant-input-textarea-clear-icon:active {
  5883. color: @text-color;
  5884. }
  5885. .ant-input {
  5886. color: @text-color;
  5887. background-color: @layout-body-background;
  5888. border: 1px solid @border-color-base;
  5889. border-radius: 2px;
  5890. }
  5891. .ant-input::placeholder {
  5892. color: #bfbfbf;
  5893. }
  5894. .ant-input:hover {
  5895. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5896. border-right-width: 1px !important;
  5897. }
  5898. .ant-input-rtl .ant-input:hover {
  5899. border-right-width: 0;
  5900. border-left-width: 1px !important;
  5901. }
  5902. .ant-input:focus,
  5903. .ant-input-focused {
  5904. border-color: color(~`colorPalette("@{link-color}", 5)`);
  5905. border-right-width: 1px !important;
  5906. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  5907. }
  5908. .ant-input-rtl .ant-input:focus,
  5909. .ant-input-rtl .ant-input-focused {
  5910. border-right-width: 0;
  5911. border-left-width: 1px !important;
  5912. }
  5913. .ant-input-disabled {
  5914. color: @disabled-color;
  5915. background-color: #f5f5f5;
  5916. }
  5917. .ant-input-disabled:hover {
  5918. border-color: @border-color-base;
  5919. border-right-width: 1px !important;
  5920. }
  5921. .ant-input[disabled] {
  5922. color: @disabled-color;
  5923. background-color: #f5f5f5;
  5924. }
  5925. .ant-input[disabled]:hover {
  5926. border-color: @border-color-base;
  5927. border-right-width: 1px !important;
  5928. }
  5929. .ant-input-group {
  5930. color: @text-color;
  5931. border-collapse: separate;
  5932. border-spacing: 0;
  5933. }
  5934. .ant-input-group-addon:not(:first-child):not(:last-child),
  5935. .ant-input-group-wrap:not(:first-child):not(:last-child),
  5936. .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  5937. border-radius: 0;
  5938. }
  5939. .ant-input-group .ant-input:focus {
  5940. border-right-width: 1px;
  5941. }
  5942. .ant-input-group .ant-input:hover {
  5943. border-right-width: 1px;
  5944. }
  5945. .ant-input-group-addon {
  5946. color: @text-color;
  5947. background-color: #fafafa;
  5948. border: 1px solid @border-color-base;
  5949. border-radius: 2px;
  5950. }
  5951. .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  5952. background-color: inherit;
  5953. border: 1px solid transparent;
  5954. box-shadow: none;
  5955. }
  5956. .ant-input-group-addon .ant-select-open .ant-select-selector,
  5957. .ant-input-group-addon .ant-select-focused .ant-select-selector {
  5958. color: @link-color;
  5959. }
  5960. .ant-input-group > .ant-input:first-child,
  5961. .ant-input-group-addon:first-child {
  5962. border-top-right-radius: 0;
  5963. border-bottom-right-radius: 0;
  5964. }
  5965. .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
  5966. .ant-input-group-addon:first-child .ant-select .ant-select-selector {
  5967. border-top-right-radius: 0;
  5968. border-bottom-right-radius: 0;
  5969. }
  5970. .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  5971. border-top-left-radius: 0;
  5972. border-bottom-left-radius: 0;
  5973. }
  5974. .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  5975. border-top-right-radius: 0;
  5976. border-bottom-right-radius: 0;
  5977. }
  5978. .ant-input-group-addon:first-child {
  5979. border-right: 0;
  5980. }
  5981. .ant-input-group-addon:last-child {
  5982. border-left: 0;
  5983. }
  5984. .ant-input-group > .ant-input:last-child,
  5985. .ant-input-group-addon:last-child {
  5986. border-top-left-radius: 0;
  5987. border-bottom-left-radius: 0;
  5988. }
  5989. .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
  5990. .ant-input-group-addon:last-child .ant-select .ant-select-selector {
  5991. border-top-left-radius: 0;
  5992. border-bottom-left-radius: 0;
  5993. }
  5994. .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  5995. border-top-left-radius: 0;
  5996. border-bottom-left-radius: 0;
  5997. }
  5998. .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  5999. border-top-right-radius: 0;
  6000. border-bottom-right-radius: 0;
  6001. }
  6002. .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
  6003. .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
  6004. .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  6005. border-right-width: 1px;
  6006. }
  6007. .ant-input-group.ant-input-group-compact > * {
  6008. border-radius: 0;
  6009. }
  6010. .ant-input-group.ant-input-group-compact > *:not(:last-child) {
  6011. border-right-width: 1px;
  6012. }
  6013. .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
  6014. .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
  6015. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
  6016. .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  6017. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
  6018. .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
  6019. .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  6020. border-right-width: 1px;
  6021. border-radius: 0;
  6022. }
  6023. .ant-input-group.ant-input-group-compact > *:first-child,
  6024. .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  6025. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
  6026. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  6027. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
  6028. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
  6029. .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  6030. border-top-left-radius: 2px;
  6031. border-bottom-left-radius: 2px;
  6032. }
  6033. .ant-input-group.ant-input-group-compact > *:last-child,
  6034. .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  6035. .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
  6036. .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  6037. .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  6038. .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
  6039. .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
  6040. .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  6041. border-right-width: 1px;
  6042. border-top-right-radius: 2px;
  6043. border-bottom-right-radius: 2px;
  6044. }
  6045. .ant-input-group > .ant-input-rtl:first-child,
  6046. .ant-input-group-rtl .ant-input-group-addon:first-child {
  6047. border-radius: 2px;
  6048. border-top-left-radius: 0;
  6049. border-bottom-left-radius: 0;
  6050. }
  6051. .ant-input-group-rtl .ant-input-group-addon:first-child {
  6052. border-right: 1px solid @border-color-base;
  6053. border-left: 0;
  6054. }
  6055. .ant-input-group-rtl .ant-input-group-addon:last-child {
  6056. border-right: 0;
  6057. border-left: 1px solid @border-color-base;
  6058. }
  6059. .ant-input-group-rtl .ant-input-group > .ant-input:last-child,
  6060. .ant-input-group-rtl .ant-input-group-addon:last-child {
  6061. border-radius: 2px;
  6062. border-top-right-radius: 0;
  6063. border-bottom-right-radius: 0;
  6064. }
  6065. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  6066. border-left-width: 1px;
  6067. }
  6068. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
  6069. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
  6070. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
  6071. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
  6072. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
  6073. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
  6074. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  6075. border-top-left-radius: 0;
  6076. border-top-right-radius: 2px;
  6077. border-bottom-right-radius: 2px;
  6078. border-bottom-left-radius: 0;
  6079. }
  6080. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
  6081. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
  6082. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
  6083. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
  6084. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
  6085. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
  6086. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
  6087. .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  6088. border-left-width: 1px;
  6089. border-top-left-radius: 2px;
  6090. border-top-right-radius: 0;
  6091. border-bottom-right-radius: 0;
  6092. border-bottom-left-radius: 2px;
  6093. }
  6094. .ant-input-password-icon {
  6095. color: @text-color-secondary;
  6096. }
  6097. .ant-input-password-icon:hover {
  6098. color: @heading-color;
  6099. }
  6100. .ant-input-search-icon {
  6101. color: @text-color-secondary;
  6102. }
  6103. .ant-input-search-icon:hover {
  6104. color: @heading-color;
  6105. }
  6106. .ant-input-search-icon::before {
  6107. border-left: 1px solid @border-color-base;
  6108. }
  6109. .ant-input-search-enter-button input {
  6110. border-right: 0;
  6111. }
  6112. .ant-input-search-enter-button input:hover,
  6113. .ant-input-search-enter-button input:focus {
  6114. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6115. }
  6116. .ant-input-search-enter-button.ant-input-affix-wrapper {
  6117. border-right: 0;
  6118. }
  6119. .ant-input-search-enter-button + .ant-input-group-addon,
  6120. .ant-input-search-enter-button input + .ant-input-group-addon {
  6121. border: 0;
  6122. }
  6123. .ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
  6124. .ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  6125. border-top-left-radius: 0;
  6126. border-bottom-left-radius: 0;
  6127. }
  6128. .ant-input-search-rtl .ant-input-search-icon::before {
  6129. border-left: none;
  6130. }
  6131. .ant-input-search-rtl .ant-input-search-icon::after {
  6132. border-right: 1px solid @border-color-base;
  6133. }
  6134. .ant-input-search-rtl.ant-input-search-enter-button input {
  6135. border: 1px solid @border-color-base;
  6136. border-left: 0;
  6137. }
  6138. .ant-input-search-enter-button input:hover,
  6139. .ant-input-search-enter-button input:focus {
  6140. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6141. }
  6142. .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
  6143. .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  6144. border-top-left-radius: 2px;
  6145. border-top-right-radius: 0;
  6146. border-bottom-right-radius: 0;
  6147. border-bottom-left-radius: 2px;
  6148. }
  6149. .ant-layout {
  6150. background: @component-background;
  6151. }
  6152. .ant-layout-header {
  6153. color: @text-color;
  6154. background: #fff;
  6155. }
  6156. .ant-layout-footer {
  6157. color: @text-color;
  6158. background: @component-background;
  6159. }
  6160. .ant-layout-sider {
  6161. background: #fff;
  6162. }
  6163. .ant-layout-sider-trigger {
  6164. color: @component-background;
  6165. background: #002140;
  6166. }
  6167. .ant-layout-sider-zero-width-trigger {
  6168. color: @component-background;
  6169. background: #001529;
  6170. border-radius: 0 2px 2px 0;
  6171. }
  6172. .ant-layout-sider-zero-width-trigger:hover {
  6173. background: #192c3e;
  6174. }
  6175. .ant-layout-sider-zero-width-trigger-right {
  6176. border-radius: 2px 0 0 2px;
  6177. }
  6178. .ant-layout-sider-light {
  6179. background: @component-background;
  6180. }
  6181. .ant-layout-sider-light .ant-layout-sider-trigger {
  6182. color: @text-color;
  6183. background: @component-background;
  6184. }
  6185. .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  6186. color: @text-color;
  6187. background: @component-background;
  6188. }
  6189. .ant-list {
  6190. color: @text-color;
  6191. }
  6192. .ant-list-empty-text {
  6193. color: @disabled-color;
  6194. }
  6195. .ant-list-item-content {
  6196. color: @text-color;
  6197. }
  6198. .ant-list-item-meta-title {
  6199. color: @text-color;
  6200. }
  6201. .ant-list-item-meta-title > a {
  6202. color: @text-color;
  6203. }
  6204. .ant-list-item-meta-title > a:hover {
  6205. color: @link-color;
  6206. }
  6207. .ant-list-item-meta-description {
  6208. color: @text-color-secondary;
  6209. }
  6210. .ant-list-item-action > li {
  6211. color: @text-color-secondary;
  6212. }
  6213. .ant-list-item-action-split {
  6214. background-color: #f0f0f0;
  6215. }
  6216. .ant-list-header {
  6217. background: transparent;
  6218. }
  6219. .ant-list-footer {
  6220. background: transparent;
  6221. }
  6222. .ant-list-empty {
  6223. color: @text-color-secondary;
  6224. }
  6225. .ant-list-split .ant-list-item {
  6226. border-bottom: 1px solid #f0f0f0;
  6227. }
  6228. .ant-list-split .ant-list-item:last-child {
  6229. border-bottom: none;
  6230. }
  6231. .ant-list-split .ant-list-header {
  6232. border-bottom: 1px solid #f0f0f0;
  6233. }
  6234. .ant-list-split.ant-list-empty .ant-list-footer {
  6235. border-top: 1px solid #f0f0f0;
  6236. }
  6237. .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  6238. border-bottom: 1px solid #f0f0f0;
  6239. }
  6240. .ant-list-vertical .ant-list-item-meta-title {
  6241. color: @heading-color;
  6242. }
  6243. .ant-list-grid .ant-col > .ant-list-item {
  6244. border-bottom: none;
  6245. }
  6246. .ant-list {
  6247. color: @text-color;
  6248. }
  6249. .ant-list-empty-text {
  6250. color: @disabled-color;
  6251. }
  6252. .ant-list-item-content {
  6253. color: @text-color;
  6254. }
  6255. .ant-list-item-meta-title {
  6256. color: @text-color;
  6257. }
  6258. .ant-list-item-meta-title > a {
  6259. color: @text-color;
  6260. }
  6261. .ant-list-item-meta-title > a:hover {
  6262. color: @link-color;
  6263. }
  6264. .ant-list-item-meta-description {
  6265. color: @text-color-secondary;
  6266. }
  6267. .ant-list-item-action > li {
  6268. color: @text-color-secondary;
  6269. }
  6270. .ant-list-item-action-split {
  6271. background-color: #f0f0f0;
  6272. }
  6273. .ant-list-header {
  6274. background: transparent;
  6275. }
  6276. .ant-list-footer {
  6277. background: transparent;
  6278. }
  6279. .ant-list-empty {
  6280. color: @text-color-secondary;
  6281. }
  6282. .ant-list-split .ant-list-item {
  6283. border-bottom: 1px solid #f0f0f0;
  6284. }
  6285. .ant-list-split .ant-list-item:last-child {
  6286. border-bottom: none;
  6287. }
  6288. .ant-list-split .ant-list-header {
  6289. border-bottom: 1px solid #f0f0f0;
  6290. }
  6291. .ant-list-split.ant-list-empty .ant-list-footer {
  6292. border-top: 1px solid #f0f0f0;
  6293. }
  6294. .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  6295. border-bottom: 1px solid #f0f0f0;
  6296. }
  6297. .ant-list-vertical .ant-list-item-meta-title {
  6298. color: @heading-color;
  6299. }
  6300. .ant-list-grid .ant-col > .ant-list-item {
  6301. border-bottom: none;
  6302. }
  6303. .ant-list-bordered {
  6304. border: 1px solid @border-color-base;
  6305. border-radius: 2px;
  6306. }
  6307. .ant-mentions {
  6308. color: @text-color;
  6309. background-color: @layout-body-background;
  6310. border: 1px solid @border-color-base;
  6311. border-radius: 2px;
  6312. }
  6313. .ant-mentions::placeholder {
  6314. color: #bfbfbf;
  6315. }
  6316. .ant-mentions:hover {
  6317. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6318. border-right-width: 1px !important;
  6319. }
  6320. .ant-input-rtl .ant-mentions:hover {
  6321. border-right-width: 0;
  6322. border-left-width: 1px !important;
  6323. }
  6324. .ant-mentions:focus,
  6325. .ant-mentions-focused {
  6326. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6327. border-right-width: 1px !important;
  6328. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  6329. }
  6330. .ant-input-rtl .ant-mentions:focus,
  6331. .ant-input-rtl .ant-mentions-focused {
  6332. border-right-width: 0;
  6333. border-left-width: 1px !important;
  6334. }
  6335. .ant-mentions-disabled {
  6336. color: @disabled-color;
  6337. background-color: #f5f5f5;
  6338. }
  6339. .ant-mentions-disabled:hover {
  6340. border-color: @border-color-base;
  6341. border-right-width: 1px !important;
  6342. }
  6343. .ant-mentions[disabled] {
  6344. color: @disabled-color;
  6345. background-color: #f5f5f5;
  6346. }
  6347. .ant-mentions[disabled]:hover {
  6348. border-color: @border-color-base;
  6349. border-right-width: 1px !important;
  6350. }
  6351. .ant-mentions-disabled > textarea {
  6352. color: @disabled-color;
  6353. background-color: #f5f5f5;
  6354. }
  6355. .ant-mentions-disabled > textarea:hover {
  6356. border-color: @border-color-base;
  6357. border-right-width: 1px !important;
  6358. }
  6359. .ant-mentions-focused {
  6360. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6361. border-right-width: 1px !important;
  6362. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  6363. }
  6364. .ant-input-rtl .ant-mentions-focused {
  6365. border-right-width: 0;
  6366. border-left-width: 1px !important;
  6367. }
  6368. .ant-mentions > textarea {
  6369. border: none;
  6370. }
  6371. .ant-mentions > textarea::placeholder {
  6372. color: #bfbfbf;
  6373. }
  6374. .ant-mentions-measure {
  6375. color: transparent;
  6376. }
  6377. .ant-mentions-dropdown {
  6378. color: @text-color;
  6379. background-color: @layout-body-background;
  6380. border-radius: 2px;
  6381. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  6382. }
  6383. .ant-mentions-dropdown-menu-item {
  6384. color: @text-color;
  6385. }
  6386. .ant-mentions-dropdown-menu-item:hover {
  6387. background-color: #f5f5f5;
  6388. }
  6389. .ant-mentions-dropdown-menu-item:first-child {
  6390. border-radius: 2px 2px 0 0;
  6391. }
  6392. .ant-mentions-dropdown-menu-item:last-child {
  6393. border-radius: 0 0 2px 2px;
  6394. }
  6395. .ant-mentions-dropdown-menu-item-disabled {
  6396. color: @disabled-color;
  6397. }
  6398. .ant-mentions-dropdown-menu-item-disabled:hover {
  6399. color: @disabled-color;
  6400. background-color: @layout-body-background;
  6401. }
  6402. .ant-mentions-dropdown-menu-item-selected {
  6403. color: @text-color;
  6404. background-color: #fafafa;
  6405. }
  6406. .ant-mentions-dropdown-menu-item-active {
  6407. background-color: #f5f5f5;
  6408. }
  6409. .ant-menu {
  6410. color: @text-color;
  6411. background: @layout-body-background;
  6412. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  6413. }
  6414. .ant-menu-item-group-title {
  6415. color: @text-color-secondary;
  6416. }
  6417. .ant-menu-submenu-selected {
  6418. color: @link-color;
  6419. }
  6420. .ant-menu-item:active,
  6421. .ant-menu-submenu-title:active {
  6422. background: color(~`colorPalette("@{link-color}", 1)`);
  6423. }
  6424. .ant-menu-item > a {
  6425. color: @text-color;
  6426. }
  6427. .ant-menu-item > a:hover {
  6428. color: @link-color;
  6429. }
  6430. .ant-menu-item > a::before {
  6431. background-color: transparent;
  6432. }
  6433. .ant-menu-item > .ant-badge > a {
  6434. color: @text-color;
  6435. }
  6436. .ant-menu-item > .ant-badge > a:hover {
  6437. color: @link-color;
  6438. }
  6439. .ant-menu-item-divider {
  6440. background-color: #f0f0f0;
  6441. }
  6442. .ant-menu-item:hover,
  6443. .ant-menu-item-active,
  6444. .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  6445. .ant-menu-submenu-active,
  6446. .ant-menu-submenu-title:hover {
  6447. color: @link-color;
  6448. }
  6449. .ant-menu-horizontal > .ant-menu-item:hover,
  6450. .ant-menu-horizontal > .ant-menu-item-active,
  6451. .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  6452. background-color: transparent;
  6453. }
  6454. .ant-menu-item-selected {
  6455. color: @link-color;
  6456. }
  6457. .ant-menu-item-selected > a,
  6458. .ant-menu-item-selected > a:hover {
  6459. color: @link-color;
  6460. }
  6461. .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  6462. background-color: color(~`colorPalette("@{link-color}", 1)`);
  6463. }
  6464. .ant-menu-inline,
  6465. .ant-menu-vertical,
  6466. .ant-menu-vertical-left {
  6467. border-right: 1px solid #f0f0f0;
  6468. }
  6469. .ant-menu-vertical-right {
  6470. border-left: 1px solid #f0f0f0;
  6471. }
  6472. .ant-menu-vertical.ant-menu-sub,
  6473. .ant-menu-vertical-left.ant-menu-sub,
  6474. .ant-menu-vertical-right.ant-menu-sub {
  6475. border-right: 0;
  6476. }
  6477. .ant-menu-vertical.ant-menu-sub .ant-menu-item,
  6478. .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
  6479. .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  6480. border-right: 0;
  6481. }
  6482. .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
  6483. .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
  6484. .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  6485. border-right: 0;
  6486. }
  6487. .ant-menu > .ant-menu-item-divider {
  6488. background-color: #f0f0f0;
  6489. }
  6490. .ant-menu-submenu-popup {
  6491. border-radius: 2px;
  6492. box-shadow: none;
  6493. }
  6494. .ant-menu-submenu > .ant-menu {
  6495. background-color: @submenu-background;
  6496. border-radius: 2px;
  6497. }
  6498. .ant-menu-submenu-popup > .ant-menu {
  6499. background-color: @layout-body-background;
  6500. }
  6501. .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  6502. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  6503. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  6504. .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  6505. .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  6506. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  6507. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  6508. .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  6509. border-radius: 2px;
  6510. }
  6511. .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  6512. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  6513. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  6514. .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  6515. .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  6516. .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  6517. .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  6518. .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  6519. background: linear-gradient(to right, #1890ff, #1890ff);
  6520. }
  6521. .ant-menu-vertical .ant-menu-submenu-selected,
  6522. .ant-menu-vertical-left .ant-menu-submenu-selected,
  6523. .ant-menu-vertical-right .ant-menu-submenu-selected {
  6524. color: @link-color;
  6525. }
  6526. .ant-menu-vertical .ant-menu-submenu-selected > a,
  6527. .ant-menu-vertical-left .ant-menu-submenu-selected > a,
  6528. .ant-menu-vertical-right .ant-menu-submenu-selected > a {
  6529. color: @link-color;
  6530. }
  6531. .ant-menu-horizontal {
  6532. border: 0;
  6533. border-bottom: 1px solid #f0f0f0;
  6534. box-shadow: none;
  6535. }
  6536. .ant-menu-horizontal > .ant-menu-item,
  6537. .ant-menu-horizontal > .ant-menu-submenu {
  6538. border-bottom: 2px solid transparent;
  6539. }
  6540. .ant-menu-horizontal > .ant-menu-item:hover,
  6541. .ant-menu-horizontal > .ant-menu-submenu:hover,
  6542. .ant-menu-horizontal > .ant-menu-item-active,
  6543. .ant-menu-horizontal > .ant-menu-submenu-active,
  6544. .ant-menu-horizontal > .ant-menu-item-open,
  6545. .ant-menu-horizontal > .ant-menu-submenu-open,
  6546. .ant-menu-horizontal > .ant-menu-item-selected,
  6547. .ant-menu-horizontal > .ant-menu-submenu-selected {
  6548. color: @link-color;
  6549. border-bottom: 2px solid @link-color;
  6550. }
  6551. .ant-menu-horizontal > .ant-menu-item > a {
  6552. color: @text-color;
  6553. }
  6554. .ant-menu-horizontal > .ant-menu-item > a:hover {
  6555. color: @link-color;
  6556. }
  6557. .ant-menu-horizontal > .ant-menu-item-selected > a {
  6558. color: @link-color;
  6559. }
  6560. .ant-menu-vertical .ant-menu-item::after,
  6561. .ant-menu-vertical-left .ant-menu-item::after,
  6562. .ant-menu-vertical-right .ant-menu-item::after,
  6563. .ant-menu-inline .ant-menu-item::after {
  6564. border-right: 3px solid @link-color;
  6565. }
  6566. .ant-menu-inline-collapsed-tooltip a {
  6567. color: rgba(255, 255, 255, 0.85);
  6568. }
  6569. .ant-menu-root.ant-menu-vertical,
  6570. .ant-menu-root.ant-menu-vertical-left,
  6571. .ant-menu-root.ant-menu-vertical-right,
  6572. .ant-menu-root.ant-menu-inline {
  6573. box-shadow: none;
  6574. }
  6575. .ant-menu-sub.ant-menu-inline {
  6576. border: 0;
  6577. border-radius: 0;
  6578. box-shadow: none;
  6579. }
  6580. .ant-menu-item-disabled,
  6581. .ant-menu-submenu-disabled {
  6582. color: rgba(0, 0, 0, 0.25) !important;
  6583. background: none;
  6584. border-color: transparent !important;
  6585. }
  6586. .ant-menu-item-disabled > a,
  6587. .ant-menu-submenu-disabled > a {
  6588. color: rgba(0, 0, 0, 0.25) !important;
  6589. }
  6590. .ant-menu-item-disabled > .ant-menu-submenu-title,
  6591. .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  6592. color: rgba(0, 0, 0, 0.25) !important;
  6593. }
  6594. .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6595. .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6596. .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6597. .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  6598. background: rgba(0, 0, 0, 0.25) !important;
  6599. }
  6600. .ant-menu.ant-menu-dark,
  6601. .ant-menu-dark .ant-menu-sub {
  6602. color: rgba(255, 255, 255, 0.65);
  6603. background: #001529;
  6604. }
  6605. .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  6606. .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
  6607. .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
  6608. .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  6609. background: @component-background;
  6610. }
  6611. .ant-menu-dark.ant-menu-submenu-popup {
  6612. background: transparent;
  6613. }
  6614. .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  6615. background: #000c17;
  6616. }
  6617. .ant-menu-dark.ant-menu-horizontal {
  6618. border-bottom: 0;
  6619. }
  6620. .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
  6621. .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  6622. border-color: #001529;
  6623. border-bottom: 0;
  6624. }
  6625. .ant-menu-dark .ant-menu-item,
  6626. .ant-menu-dark .ant-menu-item-group-title,
  6627. .ant-menu-dark .ant-menu-item > a {
  6628. color: rgba(255, 255, 255, 0.65);
  6629. }
  6630. .ant-menu-dark.ant-menu-inline,
  6631. .ant-menu-dark.ant-menu-vertical,
  6632. .ant-menu-dark.ant-menu-vertical-left,
  6633. .ant-menu-dark.ant-menu-vertical-right {
  6634. border-right: 0;
  6635. }
  6636. .ant-menu-dark.ant-menu-inline .ant-menu-item,
  6637. .ant-menu-dark.ant-menu-vertical .ant-menu-item,
  6638. .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
  6639. .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  6640. border-right: 0;
  6641. }
  6642. .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
  6643. .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
  6644. .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
  6645. .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  6646. border-right: 0;
  6647. }
  6648. .ant-menu-dark .ant-menu-item:hover,
  6649. .ant-menu-dark .ant-menu-item-active,
  6650. .ant-menu-dark .ant-menu-submenu-active,
  6651. .ant-menu-dark .ant-menu-submenu-open,
  6652. .ant-menu-dark .ant-menu-submenu-selected,
  6653. .ant-menu-dark .ant-menu-submenu-title:hover {
  6654. color: @component-background;
  6655. background-color: transparent;
  6656. }
  6657. .ant-menu-dark .ant-menu-item:hover > a,
  6658. .ant-menu-dark .ant-menu-item-active > a,
  6659. .ant-menu-dark .ant-menu-submenu-active > a,
  6660. .ant-menu-dark .ant-menu-submenu-open > a,
  6661. .ant-menu-dark .ant-menu-submenu-selected > a,
  6662. .ant-menu-dark .ant-menu-submenu-title:hover > a {
  6663. color: @component-background;
  6664. }
  6665. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6666. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6667. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6668. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6669. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6670. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6671. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
  6672. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
  6673. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
  6674. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
  6675. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
  6676. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
  6677. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6678. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6679. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6680. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6681. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6682. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6683. .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
  6684. .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
  6685. .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
  6686. .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
  6687. .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
  6688. .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  6689. background: @component-background;
  6690. }
  6691. .ant-menu-dark .ant-menu-item:hover {
  6692. background-color: transparent;
  6693. }
  6694. .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  6695. background-color: @link-color;
  6696. }
  6697. .ant-menu-dark .ant-menu-item-selected {
  6698. color: @component-background;
  6699. border-right: 0;
  6700. }
  6701. .ant-menu-dark .ant-menu-item-selected::after {
  6702. border-right: 0;
  6703. }
  6704. .ant-menu-dark .ant-menu-item-selected > a,
  6705. .ant-menu-dark .ant-menu-item-selected > a:hover {
  6706. color: @component-background;
  6707. }
  6708. .ant-menu-dark .ant-menu-item-selected .anticon {
  6709. color: @component-background;
  6710. }
  6711. .ant-menu-dark .ant-menu-item-selected .anticon + span {
  6712. color: @component-background;
  6713. }
  6714. .ant-menu.ant-menu-dark .ant-menu-item-selected,
  6715. .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  6716. background-color: @link-color;
  6717. }
  6718. .ant-menu-dark .ant-menu-item-disabled,
  6719. .ant-menu-dark .ant-menu-submenu-disabled,
  6720. .ant-menu-dark .ant-menu-item-disabled > a,
  6721. .ant-menu-dark .ant-menu-submenu-disabled > a {
  6722. color: rgba(255, 255, 255, 0.35) !important;
  6723. }
  6724. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
  6725. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  6726. color: rgba(255, 255, 255, 0.35) !important;
  6727. }
  6728. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6729. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
  6730. .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
  6731. .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  6732. background: rgba(255, 255, 255, 0.35) !important;
  6733. }
  6734. .ant-menu-rtl.ant-menu-inline,
  6735. .ant-menu-rtl.ant-menu-vertical {
  6736. border-right: none;
  6737. border-left: 1px solid #f0f0f0;
  6738. }
  6739. .ant-menu-rtl.ant-menu-dark .ant-menu-inline,
  6740. .ant-menu-rtl.ant-menu-dark .ant-menu-vertical {
  6741. border-left: none;
  6742. }
  6743. .ant-message {
  6744. color: @text-color;
  6745. }
  6746. .ant-message-notice-content {
  6747. background: @layout-body-background;
  6748. border-radius: 2px;
  6749. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  6750. }
  6751. .ant-message-success .anticon {
  6752. color: @success-color;
  6753. }
  6754. .ant-message-error .anticon {
  6755. color: @error-color;
  6756. }
  6757. .ant-message-warning .anticon {
  6758. color: @warning-color;
  6759. }
  6760. .ant-message-info .anticon,
  6761. .ant-message-loading .anticon {
  6762. color: @link-color;
  6763. }
  6764. .ant-modal {
  6765. color: @text-color;
  6766. }
  6767. .ant-modal-title {
  6768. color: @heading-color;
  6769. }
  6770. .ant-modal-content {
  6771. background-color: @layout-body-background;
  6772. background-clip: padding-box;
  6773. border: 0;
  6774. border-radius: 2px;
  6775. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  6776. }
  6777. .ant-modal-close {
  6778. color: @text-color-secondary;
  6779. background: transparent;
  6780. border: 0;
  6781. }
  6782. .ant-modal-close:focus,
  6783. .ant-modal-close:hover {
  6784. color: rgba(0, 0, 0, 0.75);
  6785. }
  6786. .ant-modal-header {
  6787. color: @text-color;
  6788. background: @layout-body-background;
  6789. border-bottom: 1px solid #f0f0f0;
  6790. border-radius: 2px 2px 0 0;
  6791. }
  6792. .ant-modal-footer {
  6793. background: transparent;
  6794. border-top: 1px solid #f0f0f0;
  6795. border-radius: 0 0 2px 2px;
  6796. }
  6797. .ant-modal-mask {
  6798. background-color: @text-color-secondary;
  6799. }
  6800. .ant-modal-confirm-body .ant-modal-confirm-title {
  6801. color: @heading-color;
  6802. }
  6803. .ant-modal-confirm-body .ant-modal-confirm-content {
  6804. color: @text-color;
  6805. }
  6806. .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  6807. color: @error-color;
  6808. }
  6809. .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
  6810. .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  6811. color: @warning-color;
  6812. }
  6813. .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  6814. color: @link-color;
  6815. }
  6816. .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  6817. color: @success-color;
  6818. }
  6819. .ant-notification {
  6820. color: @text-color;
  6821. }
  6822. .ant-notification-hook-holder,
  6823. .ant-notification-notice {
  6824. background: @layout-body-background;
  6825. border-radius: 2px;
  6826. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  6827. }
  6828. .ant-notification-hook-holder > .ant-notification-notice {
  6829. box-shadow: none;
  6830. }
  6831. .ant-notification-notice-message {
  6832. color: @heading-color;
  6833. }
  6834. .ant-notification-notice-message-single-line-auto-margin {
  6835. background-color: transparent;
  6836. }
  6837. .anticon.ant-notification-notice-icon-success {
  6838. color: @success-color;
  6839. }
  6840. .anticon.ant-notification-notice-icon-info {
  6841. color: @link-color;
  6842. }
  6843. .anticon.ant-notification-notice-icon-warning {
  6844. color: @warning-color;
  6845. }
  6846. .anticon.ant-notification-notice-icon-error {
  6847. color: @error-color;
  6848. }
  6849. .ant-notification-notice-close {
  6850. color: @text-color-secondary;
  6851. }
  6852. .ant-notification-notice-close:hover {
  6853. color: rgba(0, 0, 0, 0.67);
  6854. }
  6855. .ant-notification {
  6856. color: @text-color;
  6857. }
  6858. .ant-notification-hook-holder,
  6859. .ant-notification-notice {
  6860. background: @layout-body-background;
  6861. border-radius: 2px;
  6862. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  6863. }
  6864. .ant-notification-hook-holder > .ant-notification-notice {
  6865. box-shadow: none;
  6866. }
  6867. .ant-notification-notice-message {
  6868. color: @heading-color;
  6869. }
  6870. .ant-notification-notice-message-single-line-auto-margin {
  6871. background-color: transparent;
  6872. }
  6873. .anticon.ant-notification-notice-icon-success {
  6874. color: @success-color;
  6875. }
  6876. .anticon.ant-notification-notice-icon-info {
  6877. color: @link-color;
  6878. }
  6879. .anticon.ant-notification-notice-icon-warning {
  6880. color: @warning-color;
  6881. }
  6882. .anticon.ant-notification-notice-icon-error {
  6883. color: @error-color;
  6884. }
  6885. .ant-notification-notice-close {
  6886. color: @text-color-secondary;
  6887. }
  6888. .ant-notification-notice-close:hover {
  6889. color: rgba(0, 0, 0, 0.67);
  6890. }
  6891. .ant-page-header {
  6892. color: @text-color;
  6893. background-color: @layout-body-background;
  6894. }
  6895. .ant-page-header-ghost {
  6896. background-color: inherit;
  6897. }
  6898. .ant-page-header-back-button {
  6899. color: @link-color;
  6900. color: #000;
  6901. }
  6902. .ant-page-header-back-button:focus,
  6903. .ant-page-header-back-button:hover {
  6904. color: color(~`colorPalette("@{link-color}", 5)`);
  6905. }
  6906. .ant-page-header-back-button:active {
  6907. color: color(~`colorPalette("@{link-color}", 7)`);
  6908. }
  6909. .ant-page-header-heading-title {
  6910. color: @heading-color;
  6911. }
  6912. .ant-page-header-heading-sub-title {
  6913. color: @text-color-secondary;
  6914. }
  6915. .ant-page-header-footer .ant-tabs-bar {
  6916. border-bottom: 0;
  6917. }
  6918. .ant-pagination {
  6919. color: @text-color;
  6920. }
  6921. .ant-pagination-item {
  6922. background-color: @layout-body-background;
  6923. border: 1px solid @border-color-base;
  6924. border-radius: 2px;
  6925. }
  6926. .ant-pagination-item a {
  6927. color: @text-color;
  6928. }
  6929. .ant-pagination-item:focus,
  6930. .ant-pagination-item:hover {
  6931. border-color: @link-color;
  6932. }
  6933. .ant-pagination-item:focus a,
  6934. .ant-pagination-item:hover a {
  6935. color: @link-color;
  6936. }
  6937. .ant-pagination-item-active {
  6938. background: @layout-body-background;
  6939. border-color: @link-color;
  6940. }
  6941. .ant-pagination-item-active a {
  6942. color: @link-color;
  6943. }
  6944. .ant-pagination-item-active:focus,
  6945. .ant-pagination-item-active:hover {
  6946. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6947. }
  6948. .ant-pagination-item-active:focus a,
  6949. .ant-pagination-item-active:hover a {
  6950. color: color(~`colorPalette("@{link-color}", 5)`);
  6951. }
  6952. .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
  6953. .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  6954. color: @link-color;
  6955. }
  6956. .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
  6957. .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  6958. color: @disabled-color;
  6959. }
  6960. .ant-pagination-prev,
  6961. .ant-pagination-next,
  6962. .ant-pagination-jump-prev,
  6963. .ant-pagination-jump-next {
  6964. color: @text-color;
  6965. border-radius: 2px;
  6966. }
  6967. .ant-pagination-prev a,
  6968. .ant-pagination-next a {
  6969. color: @text-color;
  6970. }
  6971. .ant-pagination-prev:hover a,
  6972. .ant-pagination-next:hover a {
  6973. border-color: color(~`colorPalette("@{link-color}", 5)`);
  6974. }
  6975. .ant-pagination-prev .ant-pagination-item-link,
  6976. .ant-pagination-next .ant-pagination-item-link {
  6977. background-color: @layout-body-background;
  6978. border: 1px solid @border-color-base;
  6979. border-radius: 2px;
  6980. }
  6981. .ant-pagination-prev:focus .ant-pagination-item-link,
  6982. .ant-pagination-next:focus .ant-pagination-item-link,
  6983. .ant-pagination-prev:hover .ant-pagination-item-link,
  6984. .ant-pagination-next:hover .ant-pagination-item-link {
  6985. color: @link-color;
  6986. border-color: @link-color;
  6987. }
  6988. .ant-pagination-disabled a,
  6989. .ant-pagination-disabled:hover a,
  6990. .ant-pagination-disabled:focus a,
  6991. .ant-pagination-disabled .ant-pagination-item-link,
  6992. .ant-pagination-disabled:hover .ant-pagination-item-link,
  6993. .ant-pagination-disabled:focus .ant-pagination-item-link {
  6994. color: @disabled-color;
  6995. border-color: @border-color-base;
  6996. }
  6997. .ant-pagination-options-quick-jumper input {
  6998. color: @text-color;
  6999. background-color: @layout-body-background;
  7000. border: 1px solid @border-color-base;
  7001. border-radius: 2px;
  7002. }
  7003. .ant-pagination-options-quick-jumper input::placeholder {
  7004. color: #bfbfbf;
  7005. }
  7006. .ant-pagination-options-quick-jumper input:hover {
  7007. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7008. border-right-width: 1px !important;
  7009. }
  7010. .ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
  7011. border-right-width: 0;
  7012. border-left-width: 1px !important;
  7013. }
  7014. .ant-pagination-options-quick-jumper input:focus,
  7015. .ant-pagination-options-quick-jumper input-focused {
  7016. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7017. border-right-width: 1px !important;
  7018. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  7019. }
  7020. .ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
  7021. .ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
  7022. border-right-width: 0;
  7023. border-left-width: 1px !important;
  7024. }
  7025. .ant-pagination-options-quick-jumper input-disabled {
  7026. color: @disabled-color;
  7027. background-color: #f5f5f5;
  7028. }
  7029. .ant-pagination-options-quick-jumper input-disabled:hover {
  7030. border-color: @border-color-base;
  7031. border-right-width: 1px !important;
  7032. }
  7033. .ant-pagination-options-quick-jumper input[disabled] {
  7034. color: @disabled-color;
  7035. background-color: #f5f5f5;
  7036. }
  7037. .ant-pagination-options-quick-jumper input[disabled]:hover {
  7038. border-color: @border-color-base;
  7039. border-right-width: 1px !important;
  7040. }
  7041. .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
  7042. .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  7043. border: 0;
  7044. }
  7045. .ant-pagination-simple .ant-pagination-simple-pager input {
  7046. background-color: @layout-body-background;
  7047. border: 1px solid @border-color-base;
  7048. border-radius: 2px;
  7049. }
  7050. .ant-pagination-simple .ant-pagination-simple-pager input:hover {
  7051. border-color: @link-color;
  7052. }
  7053. .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  7054. background: transparent;
  7055. border-color: transparent;
  7056. }
  7057. .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
  7058. .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  7059. background: transparent;
  7060. border-color: transparent;
  7061. }
  7062. .ant-pagination.ant-pagination-disabled .ant-pagination-item {
  7063. background: #f5f5f5;
  7064. border-color: @border-color-base;
  7065. }
  7066. .ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  7067. color: @disabled-color;
  7068. background: transparent;
  7069. border: none;
  7070. }
  7071. .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  7072. background: #dbdbdb;
  7073. border-color: transparent;
  7074. }
  7075. .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  7076. color: @component-background;
  7077. }
  7078. .ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
  7079. .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
  7080. .ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  7081. color: @text-color-secondary;
  7082. background: #f5f5f5;
  7083. border-color: @border-color-base;
  7084. }
  7085. .ant-popover {
  7086. color: @text-color;
  7087. }
  7088. .ant-popover::after {
  7089. background: rgba(255, 255, 255, 0.01);
  7090. }
  7091. .ant-popover-inner {
  7092. background-color: @layout-body-background;
  7093. background-clip: padding-box;
  7094. border-radius: 2px;
  7095. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  7096. box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) ;
  7097. }
  7098. .ant-popover-title {
  7099. color: @heading-color;
  7100. border-bottom: 1px solid #f0f0f0;
  7101. }
  7102. .ant-popover-inner-content {
  7103. color: @text-color;
  7104. }
  7105. .ant-popover-message {
  7106. color: @text-color;
  7107. }
  7108. .ant-popover-message > .anticon {
  7109. color: @warning-color;
  7110. }
  7111. .ant-popover-arrow {
  7112. background: transparent;
  7113. border-style: solid;
  7114. border-width: 4.24264069px;
  7115. }
  7116. .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
  7117. .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
  7118. .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  7119. border-top-color: transparent;
  7120. border-right-color: @layout-body-background;
  7121. border-bottom-color: @layout-body-background;
  7122. border-left-color: transparent;
  7123. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  7124. }
  7125. .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
  7126. .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
  7127. .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  7128. border-top-color: transparent;
  7129. border-right-color: transparent;
  7130. border-bottom-color: @layout-body-background;
  7131. border-left-color: @layout-body-background;
  7132. box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  7133. }
  7134. .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
  7135. .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
  7136. .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  7137. border-top-color: @layout-body-background;
  7138. border-right-color: transparent;
  7139. border-bottom-color: transparent;
  7140. border-left-color: @layout-body-background;
  7141. box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  7142. }
  7143. .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
  7144. .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
  7145. .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  7146. border-top-color: @layout-body-background;
  7147. border-right-color: @layout-body-background;
  7148. border-bottom-color: transparent;
  7149. border-left-color: transparent;
  7150. box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  7151. }
  7152. .ant-progress {
  7153. color: @text-color;
  7154. }
  7155. .ant-progress-steps-item {
  7156. background: #f3f3f3;
  7157. }
  7158. .ant-progress-inner {
  7159. background-color: #f5f5f5;
  7160. border-radius: 100px;
  7161. }
  7162. .ant-progress-success-bg,
  7163. .ant-progress-bg {
  7164. background-color: @link-color;
  7165. border-radius: 100px;
  7166. }
  7167. .ant-progress-success-bg {
  7168. background-color: @success-color;
  7169. }
  7170. .ant-progress-text {
  7171. color: @text-color-secondary;
  7172. }
  7173. .ant-progress-status-active .ant-progress-bg::before {
  7174. background: @layout-body-background;
  7175. border-radius: 10px;
  7176. }
  7177. .ant-progress-status-exception .ant-progress-bg {
  7178. background-color: @error-color;
  7179. }
  7180. .ant-progress-status-exception .ant-progress-text {
  7181. color: @error-color;
  7182. }
  7183. .ant-progress-status-success .ant-progress-bg {
  7184. background-color: @success-color;
  7185. }
  7186. .ant-progress-status-success .ant-progress-text {
  7187. color: @success-color;
  7188. }
  7189. .ant-progress-circle .ant-progress-inner {
  7190. background-color: transparent;
  7191. }
  7192. .ant-progress-circle .ant-progress-text {
  7193. color: @text-color;
  7194. }
  7195. .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  7196. color: @error-color;
  7197. }
  7198. .ant-progress-circle.ant-progress-status-success .ant-progress-text {
  7199. color: @success-color;
  7200. }
  7201. .ant-radio-group {
  7202. color: @text-color;
  7203. }
  7204. .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  7205. border-left: none;
  7206. }
  7207. .ant-radio-wrapper {
  7208. color: @text-color;
  7209. }
  7210. .ant-radio {
  7211. color: @text-color;
  7212. }
  7213. .ant-radio-wrapper:hover .ant-radio,
  7214. .ant-radio:hover .ant-radio-inner,
  7215. .ant-radio-input:focus + .ant-radio-inner {
  7216. border-color: @link-color;
  7217. }
  7218. .ant-radio-input:focus + .ant-radio-inner {
  7219. box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
  7220. }
  7221. .ant-radio-checked::after {
  7222. border: 1px solid @link-color;
  7223. border-radius: 50%;
  7224. }
  7225. .ant-radio-inner {
  7226. background-color: @layout-body-background;
  7227. border-color: @border-color-base;
  7228. border-style: solid;
  7229. border-width: 1px;
  7230. border-radius: 100px;
  7231. }
  7232. .ant-radio-inner::after {
  7233. background-color: @link-color;
  7234. border-top: 0;
  7235. border-left: 0;
  7236. border-radius: 8px;
  7237. }
  7238. .ant-radio-checked .ant-radio-inner {
  7239. border-color: @link-color;
  7240. }
  7241. .ant-radio-disabled .ant-radio-inner {
  7242. background-color: #f5f5f5;
  7243. border-color: #d9d9d9 !important;
  7244. }
  7245. .ant-radio-disabled .ant-radio-inner::after {
  7246. background-color: rgba(0, 0, 0, 0.2);
  7247. }
  7248. .ant-radio-disabled + span {
  7249. color: @disabled-color;
  7250. }
  7251. .ant-radio-button-wrapper {
  7252. color: @text-color;
  7253. background: @layout-body-background;
  7254. border: 1px solid @border-color-base;
  7255. border-top-width: 1.02px;
  7256. border-left-width: 0;
  7257. }
  7258. .ant-radio-button-wrapper a {
  7259. color: @text-color;
  7260. }
  7261. .ant-radio-button-wrapper:not(:first-child)::before {
  7262. background-color: @border-color-base;
  7263. }
  7264. .ant-radio-button-wrapper:first-child {
  7265. border-left: 1px solid @border-color-base;
  7266. border-radius: 2px 0 0 2px;
  7267. }
  7268. .ant-radio-button-wrapper:last-child {
  7269. border-radius: 0 2px 2px 0;
  7270. }
  7271. .ant-radio-button-wrapper:first-child:last-child {
  7272. border-radius: 2px;
  7273. }
  7274. .ant-radio-button-wrapper:hover {
  7275. color: @link-color;
  7276. }
  7277. .ant-radio-button-wrapper:focus-within {
  7278. box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
  7279. }
  7280. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  7281. color: @link-color;
  7282. background: @layout-body-background;
  7283. border-color: @link-color;
  7284. }
  7285. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  7286. background-color: @link-color;
  7287. }
  7288. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  7289. border-color: @link-color;
  7290. }
  7291. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  7292. color: color(~`colorPalette("@{link-color}", 5)`);
  7293. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7294. }
  7295. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  7296. background-color: color(~`colorPalette("@{link-color}", 5)`);
  7297. }
  7298. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  7299. color: color(~`colorPalette("@{link-color}", 7)`);
  7300. border-color: color(~`colorPalette("@{link-color}", 7)`);
  7301. }
  7302. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  7303. background-color: color(~`colorPalette("@{link-color}", 7)`);
  7304. }
  7305. .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  7306. box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
  7307. }
  7308. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  7309. color: @layout-body-background;
  7310. background: @link-color;
  7311. border-color: @link-color;
  7312. }
  7313. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  7314. color: @layout-body-background;
  7315. background: color(~`colorPalette("@{link-color}", 5)`);
  7316. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7317. }
  7318. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  7319. color: @layout-body-background;
  7320. background: color(~`colorPalette("@{link-color}", 7)`);
  7321. border-color: color(~`colorPalette("@{link-color}", 7)`);
  7322. }
  7323. .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  7324. box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
  7325. }
  7326. .ant-radio-button-wrapper-disabled {
  7327. color: @disabled-color;
  7328. background-color: #f5f5f5;
  7329. border-color: @border-color-base;
  7330. }
  7331. .ant-radio-button-wrapper-disabled:first-child,
  7332. .ant-radio-button-wrapper-disabled:hover {
  7333. color: @disabled-color;
  7334. background-color: #f5f5f5;
  7335. border-color: @border-color-base;
  7336. }
  7337. .ant-radio-button-wrapper-disabled:first-child {
  7338. border-left-color: @border-color-base;
  7339. }
  7340. .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  7341. color: @component-background;
  7342. background-color: #e6e6e6;
  7343. border-color: @border-color-base;
  7344. box-shadow: none;
  7345. }
  7346. .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  7347. border-right-width: 0;
  7348. border-left-width: 1px;
  7349. }
  7350. .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  7351. border-right: 1px solid @border-color-base;
  7352. border-radius: 0 2px 2px 0;
  7353. }
  7354. .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  7355. border-right-color: color(~`colorPalette("@{link-color}", 5)`);
  7356. }
  7357. .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  7358. border-radius: 2px 0 0 2px;
  7359. }
  7360. .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  7361. border-right-color: @border-color-base;
  7362. }
  7363. .ant-rate {
  7364. color: @text-color;
  7365. color: #fadb14;
  7366. }
  7367. .ant-rate-star {
  7368. color: inherit;
  7369. }
  7370. .ant-rate-star-first,
  7371. .ant-rate-star-second {
  7372. color: #f0f0f0;
  7373. }
  7374. .ant-rate-star-half .ant-rate-star-first,
  7375. .ant-rate-star-full .ant-rate-star-second {
  7376. color: inherit;
  7377. }
  7378. .ant-result-success .ant-result-icon > .anticon {
  7379. color: @success-color;
  7380. }
  7381. .ant-result-error .ant-result-icon > .anticon {
  7382. color: @error-color;
  7383. }
  7384. .ant-result-info .ant-result-icon > .anticon {
  7385. color: @link-color;
  7386. }
  7387. .ant-result-warning .ant-result-icon > .anticon {
  7388. color: @warning-color;
  7389. }
  7390. .ant-result-title {
  7391. color: @heading-color;
  7392. }
  7393. .ant-result-subtitle {
  7394. color: @text-color-secondary;
  7395. }
  7396. .ant-result-content {
  7397. background-color: #fafafa;
  7398. }
  7399. .ant-select {
  7400. color: @text-color;
  7401. }
  7402. .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  7403. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7404. border-right-width: 1px !important;
  7405. }
  7406. .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  7407. border-right-width: 0;
  7408. border-left-width: 1px !important;
  7409. }
  7410. .ant-select-arrow {
  7411. color: inherit;
  7412. color: @disabled-color;
  7413. }
  7414. .ant-select-clear {
  7415. color: @disabled-color;
  7416. background: @layout-body-background;
  7417. }
  7418. .ant-select-clear:hover {
  7419. color: @text-color-secondary;
  7420. }
  7421. .ant-select-dropdown {
  7422. color: @text-color;
  7423. background-color: @layout-body-background;
  7424. border-radius: 2px;
  7425. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  7426. }
  7427. .ant-select-item-empty {
  7428. color: @text-color;
  7429. }
  7430. .ant-select-item {
  7431. color: @text-color;
  7432. }
  7433. .ant-select-item-group {
  7434. color: @text-color-secondary;
  7435. }
  7436. .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  7437. background-color: #f5f5f5;
  7438. }
  7439. .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  7440. color: @text-color;
  7441. background-color: color(~`colorPalette("@{link-color}", 1)`);
  7442. }
  7443. .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  7444. color: @link-color;
  7445. }
  7446. .ant-select-item-option-disabled {
  7447. color: @disabled-color;
  7448. }
  7449. .ant-select-borderless .ant-select-selector {
  7450. background-color: transparent !important;
  7451. border-color: transparent !important;
  7452. box-shadow: none !important;
  7453. }
  7454. .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7455. background-color: @layout-body-background;
  7456. border: 1px solid @border-color-base;
  7457. border-radius: 2px;
  7458. }
  7459. .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7460. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7461. border-right-width: 1px !important;
  7462. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  7463. }
  7464. .ant-input-rtl .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7465. border-right-width: 0;
  7466. border-left-width: 1px !important;
  7467. }
  7468. .ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7469. color: @disabled-color;
  7470. background: #f5f5f5;
  7471. }
  7472. .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7473. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7474. border-right-width: 1px !important;
  7475. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  7476. }
  7477. .ant-input-rtl .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7478. border-right-width: 0;
  7479. border-left-width: 1px !important;
  7480. }
  7481. .ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  7482. color: @disabled-color;
  7483. background: #f5f5f5;
  7484. }
  7485. .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  7486. background: transparent;
  7487. border: none;
  7488. }
  7489. .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  7490. background: transparent;
  7491. border: none;
  7492. }
  7493. .ant-select-multiple .ant-select-selector {
  7494. background-color: @layout-body-background;
  7495. border: 1px solid @border-color-base;
  7496. border-radius: 2px;
  7497. }
  7498. .ant-select-focused.ant-select-multiple .ant-select-selector {
  7499. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7500. border-right-width: 1px !important;
  7501. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  7502. }
  7503. .ant-input-rtl .ant-select-focused.ant-select-multiple .ant-select-selector {
  7504. border-right-width: 0;
  7505. border-left-width: 1px !important;
  7506. }
  7507. .ant-select-disabled.ant-select-multiple .ant-select-selector {
  7508. color: @disabled-color;
  7509. background: #f5f5f5;
  7510. }
  7511. .ant-select-focused.ant-select-multiple .ant-select-selector {
  7512. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7513. border-right-width: 1px !important;
  7514. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  7515. }
  7516. .ant-input-rtl .ant-select-focused.ant-select-multiple .ant-select-selector {
  7517. border-right-width: 0;
  7518. border-left-width: 1px !important;
  7519. }
  7520. .ant-select-disabled.ant-select-multiple .ant-select-selector {
  7521. color: @disabled-color;
  7522. background: #f5f5f5;
  7523. }
  7524. .ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
  7525. background: transparent;
  7526. border: none;
  7527. }
  7528. .ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
  7529. background: transparent;
  7530. border: none;
  7531. }
  7532. .ant-select-multiple .ant-select-selection-item {
  7533. background: #f5f5f5;
  7534. border: 1px solid #f0f0f0;
  7535. border-radius: 2px;
  7536. }
  7537. .ant-select-multiple .ant-select-selection-item-remove {
  7538. color: inherit;
  7539. color: @text-color-secondary;
  7540. }
  7541. .ant-select-multiple .ant-select-selection-item-remove:hover {
  7542. color: rgba(0, 0, 0, 0.75);
  7543. }
  7544. .ant-select {
  7545. color: @text-color;
  7546. }
  7547. .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  7548. border-color: color(~`colorPalette("@{link-color}", 5)`);
  7549. border-right-width: 1px !important;
  7550. }
  7551. .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  7552. border-right-width: 0;
  7553. border-left-width: 1px !important;
  7554. }
  7555. .ant-select-arrow {
  7556. color: inherit;
  7557. color: @disabled-color;
  7558. }
  7559. .ant-select-clear {
  7560. color: @disabled-color;
  7561. background: @layout-body-background;
  7562. }
  7563. .ant-select-clear:hover {
  7564. color: @text-color-secondary;
  7565. }
  7566. .ant-select-dropdown {
  7567. color: @text-color;
  7568. background-color: @layout-body-background;
  7569. border-radius: 2px;
  7570. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  7571. }
  7572. .ant-select-item-empty {
  7573. color: @text-color;
  7574. }
  7575. .ant-select-item {
  7576. color: @text-color;
  7577. }
  7578. .ant-select-item-group {
  7579. color: @text-color-secondary;
  7580. }
  7581. .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  7582. background-color: #f5f5f5;
  7583. }
  7584. .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  7585. color: @text-color;
  7586. background-color: color(~`colorPalette("@{link-color}", 1)`);
  7587. }
  7588. .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  7589. color: @link-color;
  7590. }
  7591. .ant-select-item-option-disabled {
  7592. color: @disabled-color;
  7593. }
  7594. .ant-select-borderless .ant-select-selector {
  7595. background-color: transparent !important;
  7596. border-color: transparent !important;
  7597. box-shadow: none !important;
  7598. }
  7599. .ant-skeleton-header .ant-skeleton-avatar {
  7600. background: #f2f2f2;
  7601. }
  7602. .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  7603. border-radius: 50%;
  7604. }
  7605. .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  7606. border-radius: 50%;
  7607. }
  7608. .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  7609. border-radius: 50%;
  7610. }
  7611. .ant-skeleton-content .ant-skeleton-title {
  7612. background: #f2f2f2;
  7613. }
  7614. .ant-skeleton-content .ant-skeleton-paragraph > li {
  7615. background: #f2f2f2;
  7616. }
  7617. .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
  7618. .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  7619. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  7620. background-size: 400% 100%;
  7621. }
  7622. .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  7623. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  7624. background-size: 400% 100%;
  7625. }
  7626. .ant-skeleton.ant-skeleton-active .ant-skeleton-button {
  7627. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  7628. background-size: 400% 100%;
  7629. }
  7630. .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
  7631. background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  7632. background-size: 400% 100%;
  7633. }
  7634. .ant-skeleton-element .ant-skeleton-button {
  7635. background: #f2f2f2;
  7636. border-radius: 2px;
  7637. }
  7638. .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  7639. border-radius: 50%;
  7640. }
  7641. .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  7642. border-radius: 32px;
  7643. }
  7644. .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  7645. border-radius: 50%;
  7646. }
  7647. .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  7648. border-radius: 40px;
  7649. }
  7650. .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  7651. border-radius: 50%;
  7652. }
  7653. .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  7654. border-radius: 24px;
  7655. }
  7656. .ant-skeleton-element .ant-skeleton-avatar {
  7657. background: #f2f2f2;
  7658. }
  7659. .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  7660. border-radius: 50%;
  7661. }
  7662. .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  7663. border-radius: 50%;
  7664. }
  7665. .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  7666. border-radius: 50%;
  7667. }
  7668. .ant-skeleton-element .ant-skeleton-input {
  7669. background: #f2f2f2;
  7670. }
  7671. .ant-slider {
  7672. color: @text-color;
  7673. }
  7674. .ant-slider-rail {
  7675. background-color: #f5f5f5;
  7676. border-radius: 2px;
  7677. }
  7678. .ant-slider-track {
  7679. background-color: color(~`colorPalette("@{link-color}", 3)`);
  7680. border-radius: 2px;
  7681. }
  7682. .ant-slider-handle {
  7683. background-color: @layout-body-background;
  7684. border: solid 2px color(~`colorPalette("@{link-color}", 3)`);
  7685. border-radius: 50%;
  7686. box-shadow: 0;
  7687. }
  7688. .ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
  7689. border-color: #46a6ff;
  7690. box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
  7691. }
  7692. .ant-slider-handle:focus {
  7693. border-color: #46a6ff;
  7694. box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
  7695. }
  7696. .ant-slider-handle.ant-tooltip-open {
  7697. border-color: @link-color;
  7698. }
  7699. .ant-slider:hover .ant-slider-rail {
  7700. background-color: #e1e1e1;
  7701. }
  7702. .ant-slider:hover .ant-slider-track {
  7703. background-color: color(~`colorPalette("@{link-color}", 4)`);
  7704. }
  7705. .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  7706. border-color: color(~`colorPalette("@{link-color}", 4)`);
  7707. }
  7708. .ant-slider-mark-text {
  7709. color: @text-color-secondary;
  7710. }
  7711. .ant-slider-mark-text-active {
  7712. color: @text-color;
  7713. }
  7714. .ant-slider-step {
  7715. background: transparent;
  7716. }
  7717. .ant-slider-dot {
  7718. background-color: @layout-body-background;
  7719. border: 2px solid #f0f0f0;
  7720. border-radius: 50%;
  7721. }
  7722. .ant-slider-dot-active {
  7723. border-color: #8cc8ff;
  7724. }
  7725. .ant-slider-disabled .ant-slider-track {
  7726. background-color: rgba(0, 0, 0, 0.25) !important;
  7727. }
  7728. .ant-slider-disabled .ant-slider-handle,
  7729. .ant-slider-disabled .ant-slider-dot {
  7730. background-color: @layout-body-background;
  7731. border-color: rgba(0, 0, 0, 0.25) !important;
  7732. box-shadow: none;
  7733. }
  7734. .ant-spin {
  7735. color: @text-color;
  7736. color: @link-color;
  7737. }
  7738. .ant-spin-container::after {
  7739. background: @layout-body-background;
  7740. }
  7741. .ant-spin-tip {
  7742. color: @text-color-secondary;
  7743. }
  7744. .ant-spin-dot-item {
  7745. background-color: @link-color;
  7746. border-radius: 100%;
  7747. }
  7748. .ant-statistic {
  7749. color: @text-color;
  7750. }
  7751. .ant-statistic-title {
  7752. color: @text-color-secondary;
  7753. }
  7754. .ant-statistic-content {
  7755. color: @heading-color;
  7756. }
  7757. .ant-steps {
  7758. color: @text-color;
  7759. }
  7760. .ant-steps-item-icon {
  7761. border: 1px solid @disabled-color;
  7762. border-radius: 32px;
  7763. }
  7764. .ant-steps-item-icon > .ant-steps-icon {
  7765. color: @link-color;
  7766. }
  7767. .ant-steps-item-tail::after {
  7768. background: #f0f0f0;
  7769. border-radius: 1px;
  7770. }
  7771. .ant-steps-item-title {
  7772. color: @text-color;
  7773. }
  7774. .ant-steps-item-title::after {
  7775. background: #f0f0f0;
  7776. }
  7777. .ant-steps-item-subtitle {
  7778. color: @text-color-secondary;
  7779. }
  7780. .ant-steps-item-description {
  7781. color: @text-color-secondary;
  7782. }
  7783. .ant-steps-item-wait .ant-steps-item-icon {
  7784. background-color: @layout-body-background;
  7785. border-color: @disabled-color;
  7786. }
  7787. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  7788. color: @disabled-color;
  7789. }
  7790. .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  7791. background: @disabled-color;
  7792. }
  7793. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  7794. color: @text-color-secondary;
  7795. }
  7796. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  7797. background-color: #f0f0f0;
  7798. }
  7799. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  7800. color: @text-color-secondary;
  7801. }
  7802. .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  7803. background-color: #f0f0f0;
  7804. }
  7805. .ant-steps-item-process .ant-steps-item-icon {
  7806. background-color: @layout-body-background;
  7807. border-color: @link-color;
  7808. }
  7809. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  7810. color: @link-color;
  7811. }
  7812. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  7813. background: @link-color;
  7814. }
  7815. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  7816. color: @heading-color;
  7817. }
  7818. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  7819. background-color: #f0f0f0;
  7820. }
  7821. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  7822. color: @text-color;
  7823. }
  7824. .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  7825. background-color: #f0f0f0;
  7826. }
  7827. .ant-steps-item-process .ant-steps-item-icon {
  7828. background: @link-color;
  7829. }
  7830. .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  7831. color: @component-background;
  7832. }
  7833. .ant-steps-item-finish .ant-steps-item-icon {
  7834. background-color: @layout-body-background;
  7835. border-color: @link-color;
  7836. }
  7837. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  7838. color: @link-color;
  7839. }
  7840. .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  7841. background: @link-color;
  7842. }
  7843. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  7844. color: @text-color;
  7845. }
  7846. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  7847. background-color: @link-color;
  7848. }
  7849. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  7850. color: @text-color-secondary;
  7851. }
  7852. .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  7853. background-color: @link-color;
  7854. }
  7855. .ant-steps-item-error .ant-steps-item-icon {
  7856. background-color: @layout-body-background;
  7857. border-color: @error-color;
  7858. }
  7859. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  7860. color: @error-color;
  7861. }
  7862. .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  7863. background: @error-color;
  7864. }
  7865. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  7866. color: @error-color;
  7867. }
  7868. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  7869. background-color: #f0f0f0;
  7870. }
  7871. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  7872. color: @error-color;
  7873. }
  7874. .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  7875. background-color: #f0f0f0;
  7876. }
  7877. .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  7878. background: @error-color;
  7879. }
  7880. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
  7881. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
  7882. .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  7883. color: @link-color;
  7884. }
  7885. .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  7886. border-color: @link-color;
  7887. }
  7888. .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  7889. color: @link-color;
  7890. }
  7891. .ant-steps-item-custom .ant-steps-item-icon {
  7892. background: none;
  7893. border: 0;
  7894. }
  7895. .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  7896. color: @link-color;
  7897. }
  7898. .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  7899. background: none;
  7900. }
  7901. .ant-steps-small .ant-steps-item-icon {
  7902. border-radius: 24px;
  7903. }
  7904. .ant-steps-small .ant-steps-item-description {
  7905. color: @text-color-secondary;
  7906. }
  7907. .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  7908. background: none;
  7909. border: 0;
  7910. border-radius: 0;
  7911. }
  7912. .ant-steps-dot .ant-steps-item-icon,
  7913. .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  7914. background: transparent;
  7915. border: 0;
  7916. }
  7917. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  7918. .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  7919. border-radius: 100px;
  7920. }
  7921. .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
  7922. .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  7923. background: rgba(0, 0, 0, 0.001);
  7924. }
  7925. .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  7926. background: none;
  7927. }
  7928. .ant-steps-navigation .ant-steps-item::after {
  7929. border: 1px solid @disabled-color;
  7930. border-bottom: none;
  7931. border-left: none;
  7932. }
  7933. .ant-steps-navigation .ant-steps-item::before {
  7934. background-color: @link-color;
  7935. }
  7936. .ant-switch {
  7937. color: @text-color;
  7938. background-color: @disabled-color;
  7939. border: 1px solid transparent;
  7940. border-radius: 100px;
  7941. }
  7942. .ant-switch-inner {
  7943. color: @component-background;
  7944. }
  7945. .ant-switch-loading-icon,
  7946. .ant-switch::after {
  7947. background-color: @layout-body-background;
  7948. border-radius: 18px;
  7949. }
  7950. .ant-switch::after {
  7951. box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  7952. }
  7953. .ant-switch-loading-icon {
  7954. background: transparent;
  7955. }
  7956. .ant-switch-loading .ant-switch-loading-icon {
  7957. color: @text-color;
  7958. }
  7959. .ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  7960. color: @link-color;
  7961. }
  7962. .ant-switch:focus {
  7963. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  7964. }
  7965. .ant-switch:focus:hover {
  7966. box-shadow: none;
  7967. }
  7968. .ant-switch-checked {
  7969. background-color: @link-color;
  7970. }
  7971. .ant-table {
  7972. color: @text-color;
  7973. background: @layout-body-background;
  7974. border-radius: 2px;
  7975. }
  7976. .ant-table table {
  7977. border-radius: 2px 2px 0 0;
  7978. border-collapse: separate;
  7979. border-spacing: 0;
  7980. }
  7981. .ant-table-footer {
  7982. color: @heading-color;
  7983. background: #fafafa;
  7984. }
  7985. .ant-table-thead > tr > th {
  7986. color: @heading-color;
  7987. background: #fafafa;
  7988. border-bottom: 1px solid #f0f0f0;
  7989. }
  7990. .ant-table-thead > tr:not(:last-child) > th[colspan] {
  7991. border-bottom: 0;
  7992. }
  7993. .ant-table-tbody > tr > td {
  7994. border-bottom: 1px solid #f0f0f0;
  7995. background: #fff;
  7996. }
  7997. .ant-table-tbody > tr.ant-table-row:hover > td {
  7998. background: #fafafa;
  7999. }
  8000. .ant-table-tbody > tr.ant-table-row-selected > td {
  8001. background: color(~`colorPalette("@{link-color}", 1)`);
  8002. border-color: rgba(0, 0, 0, 0.03);
  8003. }
  8004. .ant-table-tbody > tr.ant-table-row-selected:hover > td {
  8005. background: #dcf4ff;
  8006. }
  8007. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table td {
  8008. background: transparent;
  8009. }
  8010. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  8011. border-bottom: 0;
  8012. }
  8013. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
  8014. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  8015. border-radius: 0;
  8016. }
  8017. .ant-table tfoot > tr > th,
  8018. .ant-table tfoot > tr > td {
  8019. border-bottom: 1px solid #f0f0f0;
  8020. }
  8021. .ant-table-thead th.ant-table-column-has-sorters:hover {
  8022. background: #f2f2f2;
  8023. }
  8024. .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container {
  8025. background: #f7f7f7;
  8026. }
  8027. .ant-table-thead th.ant-table-column-sort {
  8028. background: #f5f5f5;
  8029. }
  8030. td.ant-table-column-sort {
  8031. background: #fafafa;
  8032. }
  8033. .ant-table-column-sorter {
  8034. color: #bfbfbf;
  8035. }
  8036. .ant-table-column-sorter-up.active,
  8037. .ant-table-column-sorter-down.active {
  8038. color: @link-color;
  8039. }
  8040. .ant-table-filter-trigger-container-open,
  8041. .ant-table-filter-trigger-container:hover,
  8042. .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
  8043. background: #e5e5e5;
  8044. }
  8045. .ant-table-filter-trigger {
  8046. color: #bfbfbf;
  8047. }
  8048. .ant-table-filter-trigger-container-open .ant-table-filter-trigger,
  8049. .ant-table-filter-trigger:hover {
  8050. color: @text-color-secondary;
  8051. }
  8052. .ant-table-filter-trigger.active {
  8053. color: @link-color;
  8054. }
  8055. .ant-table-filter-dropdown {
  8056. color: @text-color;
  8057. background-color: @layout-body-background;
  8058. border-radius: 2px;
  8059. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  8060. }
  8061. .ant-table-filter-dropdown .ant-dropdown-menu {
  8062. border: 0;
  8063. box-shadow: none;
  8064. }
  8065. .ant-table-filter-dropdown-btns {
  8066. background-color: inherit;
  8067. border-top: 1px solid #f0f0f0;
  8068. }
  8069. .ant-table-selection-extra .anticon {
  8070. color: #bfbfbf;
  8071. }
  8072. .ant-table-selection-extra .anticon:hover {
  8073. color: #a6a6a6;
  8074. }
  8075. .ant-table-row-expand-icon {
  8076. color: @link-color;
  8077. color: inherit;
  8078. background: @layout-body-background;
  8079. border: 1px solid #f0f0f0;
  8080. border-radius: 2px;
  8081. }
  8082. .ant-table-row-expand-icon:focus,
  8083. .ant-table-row-expand-icon:hover {
  8084. color: color(~`colorPalette("@{link-color}", 5)`);
  8085. }
  8086. .ant-table-row-expand-icon:active {
  8087. color: color(~`colorPalette("@{link-color}", 7)`);
  8088. }
  8089. .ant-table-row-expand-icon:focus,
  8090. .ant-table-row-expand-icon:hover,
  8091. .ant-table-row-expand-icon:active {
  8092. border-color: currentColor;
  8093. }
  8094. .ant-table-row-expand-icon::before,
  8095. .ant-table-row-expand-icon::after {
  8096. background: currentColor;
  8097. }
  8098. .ant-table-row-expand-icon-spaced {
  8099. background: transparent;
  8100. border: 0;
  8101. }
  8102. tr.ant-table-expanded-row > td,
  8103. tr.ant-table-expanded-row:hover > td {
  8104. background: #fbfbfb;
  8105. }
  8106. .ant-table-tbody > tr.ant-table-placeholder:hover > td {
  8107. background: @layout-body-background;
  8108. }
  8109. .ant-table-cell-fix-left,
  8110. .ant-table-cell-fix-right {
  8111. background: @layout-body-background;
  8112. }
  8113. .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  8114. box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8115. }
  8116. .ant-table-ping-left .ant-table-cell-fix-left-first::after,
  8117. .ant-table-ping-left .ant-table-cell-fix-left-last::after {
  8118. box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8119. }
  8120. .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  8121. box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8122. }
  8123. .ant-table-ping-right .ant-table-cell-fix-right-first::after,
  8124. .ant-table-ping-right .ant-table-cell-fix-right-last::after {
  8125. box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8126. }
  8127. .ant-table-small .ant-table-thead > tr > th {
  8128. background-color: #fafafa;
  8129. }
  8130. .ant-table.ant-table-bordered .ant-table-title {
  8131. border: 1px solid #f0f0f0;
  8132. border-bottom: 0;
  8133. }
  8134. .ant-table.ant-table-bordered thead > tr > th,
  8135. .ant-table.ant-table-bordered tbody > tr > td,
  8136. .ant-table.ant-table-bordered tfoot > tr > th,
  8137. .ant-table.ant-table-bordered tfoot > tr > td {
  8138. border-right: 1px solid #f0f0f0;
  8139. }
  8140. .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after {
  8141. border-right: 1px solid #f0f0f0;
  8142. }
  8143. .ant-table.ant-table-bordered table thead > tr:not(:last-child) > th {
  8144. border-bottom: 1px solid #f0f0f0;
  8145. }
  8146. .ant-table.ant-table-bordered .ant-table-container {
  8147. border: 1px solid #f0f0f0;
  8148. border-right: 0;
  8149. border-bottom: 0;
  8150. }
  8151. .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after {
  8152. border-right: 1px solid #f0f0f0;
  8153. }
  8154. .ant-table.ant-table-bordered.ant-table-scroll-horizontal tr.ant-table-expanded-row > td,
  8155. .ant-table.ant-table-bordered.ant-table-scroll-horizontal tr.ant-table-placeholder > td {
  8156. border-right: 0;
  8157. }
  8158. .ant-table.ant-table-bordered .ant-table-footer {
  8159. border: 1px solid #f0f0f0;
  8160. border-top: 0;
  8161. }
  8162. .ant-table {
  8163. color: @text-color;
  8164. background: @layout-body-background;
  8165. border-radius: 2px;
  8166. }
  8167. .ant-table table {
  8168. border-radius: 2px 2px 0 0;
  8169. border-collapse: separate;
  8170. border-spacing: 0;
  8171. }
  8172. .ant-table-footer {
  8173. color: @heading-color;
  8174. background: #fafafa;
  8175. }
  8176. .ant-table-thead > tr > th {
  8177. color: @heading-color;
  8178. background: #fafafa;
  8179. border-bottom: 1px solid #f0f0f0;
  8180. }
  8181. .ant-table-thead > tr:not(:last-child) > th[colspan] {
  8182. border-bottom: 0;
  8183. }
  8184. .ant-table-tbody > tr > td {
  8185. border-bottom: 1px solid #f0f0f0;
  8186. }
  8187. .ant-table-tbody > tr.ant-table-row:hover > td {
  8188. background: #fafafa;
  8189. }
  8190. .ant-table-tbody > tr.ant-table-row-selected > td {
  8191. background: color(~`colorPalette("@{link-color}", 1)`);
  8192. border-color: rgba(0, 0, 0, 0.03);
  8193. }
  8194. .ant-table-tbody > tr.ant-table-row-selected:hover > td {
  8195. background: #dcf4ff;
  8196. }
  8197. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table td {
  8198. background: transparent;
  8199. }
  8200. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  8201. border-bottom: 0;
  8202. }
  8203. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
  8204. .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  8205. border-radius: 0;
  8206. }
  8207. .ant-table tfoot > tr > th,
  8208. .ant-table tfoot > tr > td {
  8209. border-bottom: 1px solid #f0f0f0;
  8210. }
  8211. .ant-table-thead th.ant-table-column-has-sorters:hover {
  8212. background: #f2f2f2;
  8213. }
  8214. .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container {
  8215. background: #f7f7f7;
  8216. }
  8217. .ant-table-thead th.ant-table-column-sort {
  8218. background: #f5f5f5;
  8219. }
  8220. td.ant-table-column-sort {
  8221. background: #fafafa;
  8222. }
  8223. .ant-table-column-sorter {
  8224. color: #bfbfbf;
  8225. }
  8226. .ant-table-column-sorter-up.active,
  8227. .ant-table-column-sorter-down.active {
  8228. color: @link-color;
  8229. }
  8230. .ant-table-filter-trigger-container-open,
  8231. .ant-table-filter-trigger-container:hover,
  8232. .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
  8233. background: #e5e5e5;
  8234. }
  8235. .ant-table-filter-trigger {
  8236. color: #bfbfbf;
  8237. }
  8238. .ant-table-filter-trigger-container-open .ant-table-filter-trigger,
  8239. .ant-table-filter-trigger:hover {
  8240. color: @text-color-secondary;
  8241. }
  8242. .ant-table-filter-trigger.active {
  8243. color: @link-color;
  8244. }
  8245. .ant-table-filter-dropdown {
  8246. color: @text-color;
  8247. background-color: @layout-body-background;
  8248. border-radius: 2px;
  8249. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  8250. }
  8251. .ant-table-filter-dropdown .ant-dropdown-menu {
  8252. border: 0;
  8253. box-shadow: none;
  8254. }
  8255. .ant-table-filter-dropdown-btns {
  8256. background-color: inherit;
  8257. border-top: 1px solid #f0f0f0;
  8258. }
  8259. .ant-table-selection-extra .anticon {
  8260. color: #bfbfbf;
  8261. }
  8262. .ant-table-selection-extra .anticon:hover {
  8263. color: #a6a6a6;
  8264. }
  8265. .ant-table-row-expand-icon {
  8266. color: @link-color;
  8267. color: inherit;
  8268. background: @layout-body-background;
  8269. border: 1px solid #f0f0f0;
  8270. border-radius: 2px;
  8271. }
  8272. .ant-table-row-expand-icon:focus,
  8273. .ant-table-row-expand-icon:hover {
  8274. color: color(~`colorPalette("@{link-color}", 5)`);
  8275. }
  8276. .ant-table-row-expand-icon:active {
  8277. color: color(~`colorPalette("@{link-color}", 7)`);
  8278. }
  8279. .ant-table-row-expand-icon:focus,
  8280. .ant-table-row-expand-icon:hover,
  8281. .ant-table-row-expand-icon:active {
  8282. border-color: currentColor;
  8283. }
  8284. .ant-table-row-expand-icon::before,
  8285. .ant-table-row-expand-icon::after {
  8286. background: currentColor;
  8287. }
  8288. .ant-table-row-expand-icon-spaced {
  8289. background: transparent;
  8290. border: 0;
  8291. }
  8292. tr.ant-table-expanded-row > td,
  8293. tr.ant-table-expanded-row:hover > td {
  8294. background: #fbfbfb;
  8295. }
  8296. .ant-table-tbody > tr.ant-table-placeholder:hover > td {
  8297. background: @layout-body-background;
  8298. }
  8299. .ant-table-cell-fix-left,
  8300. .ant-table-cell-fix-right {
  8301. background: @layout-body-background;
  8302. }
  8303. .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  8304. box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8305. }
  8306. .ant-table-ping-left .ant-table-cell-fix-left-first::after,
  8307. .ant-table-ping-left .ant-table-cell-fix-left-last::after {
  8308. box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8309. }
  8310. .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  8311. box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8312. }
  8313. .ant-table-ping-right .ant-table-cell-fix-right-first::after,
  8314. .ant-table-ping-right .ant-table-cell-fix-right-last::after {
  8315. box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
  8316. }
  8317. .ant-table-title {
  8318. border-radius: 2px 2px 0 0;
  8319. }
  8320. .ant-table-title + .ant-table-container {
  8321. border-top-left-radius: 0;
  8322. border-top-right-radius: 0;
  8323. }
  8324. .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  8325. border-radius: 0;
  8326. }
  8327. .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  8328. border-radius: 0;
  8329. }
  8330. .ant-table-container {
  8331. border-top-left-radius: 2px;
  8332. border-top-right-radius: 2px;
  8333. }
  8334. .ant-table-container table > thead > tr:first-child th:first-child {
  8335. border-top-left-radius: 2px;
  8336. }
  8337. .ant-table-container table > thead > tr:first-child th:last-child {
  8338. border-top-right-radius: 2px;
  8339. }
  8340. .ant-table-footer {
  8341. border-radius: 0 0 2px 2px;
  8342. }
  8343. .ant-tabs.ant-tabs-card .ant-tabs-tab {
  8344. background: #fafafa;
  8345. border: 1px solid #f0f0f0;
  8346. border-radius: 2px 2px 0 0;
  8347. }
  8348. .ant-tabs.ant-tabs-card .ant-tabs-tab-active {
  8349. color: @link-color;
  8350. background: @layout-body-background;
  8351. border-color: #f0f0f0;
  8352. border-bottom: 1px solid @layout-body-background;
  8353. }
  8354. .ant-tabs.ant-tabs-card .ant-tabs-tab-active::before {
  8355. border-top: 2px solid transparent;
  8356. }
  8357. .ant-tabs.ant-tabs-card .ant-tabs-tab-disabled {
  8358. color: @disabled-color;
  8359. }
  8360. .ant-tabs.ant-tabs-card .ant-tabs-tab .ant-tabs-close-x {
  8361. color: @text-color-secondary;
  8362. }
  8363. .ant-tabs.ant-tabs-card .ant-tabs-tab .ant-tabs-close-x:hover {
  8364. color: @heading-color;
  8365. }
  8366. .ant-tabs-vertical.ant-tabs-card .ant-tabs-left-bar .ant-tabs-tab,
  8367. .ant-tabs-vertical.ant-tabs-card .ant-tabs-right-bar .ant-tabs-tab {
  8368. border-bottom: 1px solid #f0f0f0;
  8369. }
  8370. .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-left-bar .ant-tabs-tab {
  8371. border-right: 0;
  8372. border-radius: 2px 0 0 2px;
  8373. }
  8374. .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-right-bar .ant-tabs-tab {
  8375. border-left: 0;
  8376. border-radius: 0 2px 2px 0;
  8377. }
  8378. .ant-tabs .ant-tabs-bottom-bar .ant-tabs-tab {
  8379. border-top-color: #f0f0f0;
  8380. border-bottom: 1px solid #f0f0f0;
  8381. border-radius: 0 0 2px 2px;
  8382. }
  8383. .ant-tabs .ant-tabs-bottom-bar .ant-tabs-tab-active {
  8384. color: @link-color;
  8385. border-top-color: @layout-body-background;
  8386. }
  8387. .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
  8388. color: @link-color;
  8389. font-weight: 500;
  8390. }
  8391. .ant-tabs.ant-tabs-card .ant-tabs-tab .ant-tabs-tab-remove {
  8392. color: @text-color-secondary;
  8393. }
  8394. .ant-tabs.ant-tabs-card .ant-tabs-tab .ant-tabs-tab-remove:hover {
  8395. color: @heading-color;
  8396. }
  8397. .ant-tabs-top > .ant-tabs-nav::before,
  8398. .ant-tabs-bottom > .ant-tabs-nav::before,
  8399. .ant-tabs-top > div > .ant-tabs-nav::before,
  8400. .ant-tabs-bottom > div > .ant-tabs-nav::before {
  8401. border-bottom: 1px solid #f0f0f0;
  8402. }
  8403. .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
  8404. .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active{
  8405. border-bottom-color: transparent;
  8406. }
  8407. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  8408. background: #fafafa;
  8409. border: 1px solid #f0f0f0;
  8410. border-radius: 2px 2px 0 0;
  8411. }
  8412. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  8413. color: @link-color;
  8414. background: @layout-body-background;
  8415. border-color: #f0f0f0;
  8416. border-bottom: 1px solid @layout-body-background;
  8417. }
  8418. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  8419. border-top: 2px solid transparent;
  8420. }
  8421. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  8422. color: @disabled-color;
  8423. }
  8424. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  8425. color: @text-color-secondary;
  8426. }
  8427. .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  8428. color: @heading-color;
  8429. }
  8430. .ant-tabs-extra-content .ant-tabs-new-tab {
  8431. color: @text-color;
  8432. border: 1px solid #f0f0f0;
  8433. border-radius: 2px;
  8434. }
  8435. .ant-tabs-extra-content .ant-tabs-new-tab:hover {
  8436. color: @link-color;
  8437. border-color: @link-color;
  8438. }
  8439. .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
  8440. .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  8441. border-bottom: 1px solid #f0f0f0;
  8442. }
  8443. .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  8444. border-right: 0;
  8445. border-radius: 2px 0 0 2px;
  8446. }
  8447. .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  8448. border-left: 0;
  8449. border-radius: 0 2px 2px 0;
  8450. }
  8451. .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  8452. border-top-color: #f0f0f0;
  8453. border-bottom: 1px solid #f0f0f0;
  8454. border-radius: 0 0 2px 2px;
  8455. }
  8456. .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  8457. color: @link-color;
  8458. border-top-color: @layout-body-background;
  8459. }
  8460. .ant-tabs {
  8461. color: @text-color;
  8462. }
  8463. .ant-tabs-ink-bar {
  8464. background-color: @link-color;
  8465. }
  8466. .ant-tabs-bar {
  8467. border-bottom: 1px solid #f0f0f0;
  8468. }
  8469. .ant-tabs-bottom .ant-tabs-bottom-bar {
  8470. border-top: 1px solid #f0f0f0;
  8471. border-bottom: none;
  8472. }
  8473. .ant-tabs-tab-prev,
  8474. .ant-tabs-tab-next {
  8475. color: @text-color-secondary;
  8476. background-color: transparent;
  8477. border: 0;
  8478. }
  8479. .ant-tabs-tab-prev:hover,
  8480. .ant-tabs-tab-next:hover {
  8481. color: @text-color;
  8482. }
  8483. .ant-tabs-tab-btn-disabled,
  8484. .ant-tabs-tab-btn-disabled:hover {
  8485. color: @disabled-color;
  8486. }
  8487. .ant-tabs-nav .ant-tabs-tab::before {
  8488. border-top: 2px solid transparent;
  8489. border-radius: 2px 2px 0 0;
  8490. }
  8491. .ant-tabs-nav .ant-tabs-tab:hover {
  8492. color: color(~`colorPalette("@{link-color}", 5)`);
  8493. }
  8494. .ant-tabs-nav .ant-tabs-tab:active {
  8495. color: color(~`colorPalette("@{link-color}", 7)`);
  8496. }
  8497. .ant-tabs-nav .ant-tabs-tab-active {
  8498. color: @link-color;
  8499. }
  8500. .ant-tabs-nav .ant-tabs-tab-disabled,
  8501. .ant-tabs-nav .ant-tabs-tab-disabled:hover {
  8502. color: @disabled-color;
  8503. }
  8504. .ant-tabs .ant-tabs-left-bar,
  8505. .ant-tabs .ant-tabs-right-bar {
  8506. border-bottom: 0;
  8507. }
  8508. .ant-tabs .ant-tabs-left-bar {
  8509. border-right: 1px solid #f0f0f0;
  8510. }
  8511. .ant-tabs .ant-tabs-left-content {
  8512. border-left: 1px solid #f0f0f0;
  8513. }
  8514. .ant-tabs .ant-tabs-right-bar {
  8515. border-left: 1px solid #f0f0f0;
  8516. }
  8517. .ant-tabs .ant-tabs-right-content {
  8518. border-right: 1px solid #f0f0f0;
  8519. }
  8520. .ant-tag {
  8521. color: @text-color;
  8522. background: #fafafa;
  8523. border: 1px solid @border-color-base;
  8524. border-radius: 2px;
  8525. }
  8526. .ant-tag,
  8527. .ant-tag a,
  8528. .ant-tag a:hover {
  8529. color: @text-color;
  8530. }
  8531. .ant-tag .anticon-close {
  8532. color: @text-color-secondary;
  8533. }
  8534. .ant-tag .anticon-close:hover {
  8535. color: @heading-color;
  8536. }
  8537. .ant-tag-has-color {
  8538. border-color: transparent;
  8539. }
  8540. .ant-tag-has-color,
  8541. .ant-tag-has-color a,
  8542. .ant-tag-has-color a:hover,
  8543. .ant-tag-has-color .anticon-close,
  8544. .ant-tag-has-color .anticon-close:hover {
  8545. color: @component-background;
  8546. }
  8547. .ant-tag-checkable {
  8548. background-color: transparent;
  8549. border-color: transparent;
  8550. }
  8551. .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  8552. color: @link-color;
  8553. }
  8554. .ant-tag-checkable:active,
  8555. .ant-tag-checkable-checked {
  8556. color: @component-background;
  8557. }
  8558. .ant-tag-checkable-checked {
  8559. background-color: @link-color;
  8560. }
  8561. .ant-tag-checkable:active {
  8562. background-color: color(~`colorPalette("@{link-color}", 7)`);
  8563. }
  8564. .ant-tag-pink {
  8565. color: #eb2f96;
  8566. background: #fff0f6;
  8567. border-color: #ffadd2;
  8568. }
  8569. .ant-tag-pink-inverse {
  8570. color: @component-background;
  8571. background: #eb2f96;
  8572. border-color: #eb2f96;
  8573. }
  8574. .ant-tag-magenta {
  8575. color: #eb2f96;
  8576. background: #fff0f6;
  8577. border-color: #ffadd2;
  8578. }
  8579. .ant-tag-magenta-inverse {
  8580. color: @component-background;
  8581. background: #eb2f96;
  8582. border-color: #eb2f96;
  8583. }
  8584. .ant-tag-red {
  8585. color: @error-color;
  8586. background: color(~`colorPalette("@{layout-body-background}", 4)`);
  8587. border-color: color(~`colorPalette("@{error-color}", 3)`);
  8588. }
  8589. .ant-tag-red-inverse {
  8590. color: @component-background;
  8591. background: @error-color;
  8592. border-color: @error-color;
  8593. }
  8594. .ant-tag-volcano {
  8595. color: #fa541c;
  8596. background: #fff2e8;
  8597. border-color: #ffbb96;
  8598. }
  8599. .ant-tag-volcano-inverse {
  8600. color: @component-background;
  8601. background: #fa541c;
  8602. border-color: #fa541c;
  8603. }
  8604. .ant-tag-orange {
  8605. color: #fa8c16;
  8606. background: #fff7e6;
  8607. border-color: #ffd591;
  8608. }
  8609. .ant-tag-orange-inverse {
  8610. color: @component-background;
  8611. background: #fa8c16;
  8612. border-color: #fa8c16;
  8613. }
  8614. .ant-tag-yellow {
  8615. color: #fadb14;
  8616. background: #feffe6;
  8617. border-color: #fffb8f;
  8618. }
  8619. .ant-tag-yellow-inverse {
  8620. color: @component-background;
  8621. background: #fadb14;
  8622. border-color: #fadb14;
  8623. }
  8624. .ant-tag-gold {
  8625. color: @warning-color;
  8626. background: color(~`colorPalette("@{warning-color}", 1)`);
  8627. border-color: color(~`colorPalette("@{warning-color}", 3)`);
  8628. }
  8629. .ant-tag-gold-inverse {
  8630. color: @component-background;
  8631. background: @warning-color;
  8632. border-color: @warning-color;
  8633. }
  8634. .ant-tag-cyan {
  8635. color: #13c2c2;
  8636. background: #e6fffb;
  8637. border-color: #87e8de;
  8638. }
  8639. .ant-tag-cyan-inverse {
  8640. color: @component-background;
  8641. background: #13c2c2;
  8642. border-color: #13c2c2;
  8643. }
  8644. .ant-tag-lime {
  8645. color: #a0d911;
  8646. background: #fcffe6;
  8647. border-color: #eaff8f;
  8648. }
  8649. .ant-tag-lime-inverse {
  8650. color: @component-background;
  8651. background: #a0d911;
  8652. border-color: #a0d911;
  8653. }
  8654. .ant-tag-green {
  8655. color: @success-color;
  8656. background: color(~`colorPalette("@{success-color}", 1)`);
  8657. border-color: color(~`colorPalette("@{success-color}", 3)`);
  8658. }
  8659. .ant-tag-green-inverse {
  8660. color: @component-background;
  8661. background: @success-color;
  8662. border-color: @success-color;
  8663. }
  8664. .ant-tag-blue {
  8665. color: @link-color;
  8666. background: color(~`colorPalette("@{link-color}", 1)`);
  8667. border-color: color(~`colorPalette("@{link-color}", 3)`);
  8668. }
  8669. .ant-tag-blue-inverse {
  8670. color: @component-background;
  8671. background: @link-color;
  8672. border-color: @link-color;
  8673. }
  8674. .ant-tag-geekblue {
  8675. color: #2f54eb;
  8676. background: #f0f5ff;
  8677. border-color: #adc6ff;
  8678. }
  8679. .ant-tag-geekblue-inverse {
  8680. color: @component-background;
  8681. background: #2f54eb;
  8682. border-color: #2f54eb;
  8683. }
  8684. .ant-tag-purple {
  8685. color: #722ed1;
  8686. background: #f9f0ff;
  8687. border-color: #d3adf7;
  8688. }
  8689. .ant-tag-purple-inverse {
  8690. color: @component-background;
  8691. background: #722ed1;
  8692. border-color: #722ed1;
  8693. }
  8694. .ant-tag-success {
  8695. color: @success-color;
  8696. background: color(~`colorPalette("@{success-color}", 1)`);
  8697. border-color: color(~`colorPalette("@{success-color}", 3)`);
  8698. }
  8699. .ant-tag-processing {
  8700. color: @link-color;
  8701. background: color(~`colorPalette("@{link-color}", 1)`);
  8702. border-color: color(~`colorPalette("@{link-color}", 3)`);
  8703. }
  8704. .ant-tag-error {
  8705. color: @error-color;
  8706. background: color(~`colorPalette("@{layout-body-background}", 4)`);
  8707. border-color: color(~`colorPalette("@{error-color}", 3)`);
  8708. }
  8709. .ant-tag-warning {
  8710. color: #fa8c16;
  8711. background: #fff7e6;
  8712. border-color: #ffd591;
  8713. }
  8714. .ant-timeline {
  8715. color: @text-color;
  8716. }
  8717. .ant-timeline-item-tail {
  8718. border-left: 2px solid #f0f0f0;
  8719. }
  8720. .ant-timeline-item-pending .ant-timeline-item-head {
  8721. background-color: transparent;
  8722. }
  8723. .ant-timeline-item-head {
  8724. background-color: @layout-body-background;
  8725. border: 2px solid transparent;
  8726. border-radius: 100px;
  8727. }
  8728. .ant-timeline-item-head-blue {
  8729. color: @link-color;
  8730. border-color: @link-color;
  8731. }
  8732. .ant-timeline-item-head-red {
  8733. color: @error-color;
  8734. border-color: @error-color;
  8735. }
  8736. .ant-timeline-item-head-green {
  8737. color: @success-color;
  8738. border-color: @success-color;
  8739. }
  8740. .ant-timeline-item-head-gray {
  8741. color: @disabled-color;
  8742. border-color: @disabled-color;
  8743. }
  8744. .ant-timeline-item-head-custom {
  8745. border: 0;
  8746. border-radius: 0;
  8747. }
  8748. .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  8749. border-left: 2px dotted #f0f0f0;
  8750. }
  8751. .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  8752. border-left: 2px dotted #f0f0f0;
  8753. }
  8754. .ant-timeline-rtl .ant-timeline-item-tail {
  8755. border-right: 2px solid #f0f0f0;
  8756. border-left: none;
  8757. }
  8758. .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  8759. border-right: 2px dotted #f0f0f0;
  8760. border-left: none;
  8761. }
  8762. .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  8763. border-right: 2px dotted #f0f0f0;
  8764. border-left: none;
  8765. }
  8766. .ant-tooltip {
  8767. color: @text-color;
  8768. }
  8769. .ant-tooltip-inner {
  8770. color: @component-background;
  8771. background-color: rgba(0, 0, 0, 0.75);
  8772. border-radius: 2px;
  8773. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  8774. }
  8775. .ant-tooltip-arrow {
  8776. background: transparent;
  8777. }
  8778. .ant-tooltip-arrow::before {
  8779. background-color: rgba(0, 0, 0, 0.75);
  8780. }
  8781. .ant-tooltip-placement-top .ant-tooltip-arrow::before,
  8782. .ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
  8783. .ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  8784. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  8785. }
  8786. .ant-tooltip-placement-right .ant-tooltip-arrow::before,
  8787. .ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
  8788. .ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  8789. box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  8790. }
  8791. .ant-tooltip-placement-left .ant-tooltip-arrow::before,
  8792. .ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
  8793. .ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  8794. box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  8795. }
  8796. .ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
  8797. .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
  8798. .ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  8799. box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  8800. }
  8801. .ant-transfer {
  8802. color: @text-color;
  8803. }
  8804. .ant-transfer-disabled .ant-transfer-list {
  8805. background: #f5f5f5;
  8806. }
  8807. .ant-transfer-list {
  8808. border: 1px solid @border-color-base;
  8809. border-radius: 2px;
  8810. }
  8811. .ant-transfer-list-search-action {
  8812. color: @disabled-color;
  8813. }
  8814. .ant-transfer-list-search-action .anticon {
  8815. color: @disabled-color;
  8816. }
  8817. .ant-transfer-list-search-action .anticon:hover {
  8818. color: @text-color-secondary;
  8819. }
  8820. .ant-transfer-list-header {
  8821. color: @text-color;
  8822. background: @layout-body-background;
  8823. border-bottom: 1px solid #f0f0f0;
  8824. border-radius: 2px 2px 0 0;
  8825. }
  8826. .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  8827. background-color: #f5f5f5;
  8828. }
  8829. .ant-transfer-list-content-item-checked {
  8830. background-color: color(~`colorPalette("@{link-color}", 1)`);
  8831. }
  8832. .ant-transfer-list-content-item-disabled {
  8833. color: @disabled-color;
  8834. }
  8835. .ant-transfer-list-body-not-found {
  8836. color: @disabled-color;
  8837. }
  8838. .ant-transfer-list-footer {
  8839. border-top: 1px solid #f0f0f0;
  8840. border-radius: 0 0 2px 2px;
  8841. }
  8842. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  8843. border: 0;
  8844. border-radius: 0;
  8845. }
  8846. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  8847. background: #fafafa;
  8848. }
  8849. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  8850. border-bottom: 1px solid #f0f0f0;
  8851. }
  8852. .ant-transfer-customize-list .ant-input[disabled] {
  8853. background-color: transparent;
  8854. }
  8855. .ant-transfer {
  8856. color: @text-color;
  8857. }
  8858. .ant-transfer-disabled .ant-transfer-list {
  8859. background: #f5f5f5;
  8860. }
  8861. .ant-transfer-list {
  8862. border: 1px solid @border-color-base;
  8863. border-radius: 2px;
  8864. }
  8865. .ant-transfer-list-search-action {
  8866. color: @disabled-color;
  8867. }
  8868. .ant-transfer-list-search-action .anticon {
  8869. color: @disabled-color;
  8870. }
  8871. .ant-transfer-list-search-action .anticon:hover {
  8872. color: @text-color-secondary;
  8873. }
  8874. .ant-transfer-list-header {
  8875. color: @text-color;
  8876. background: @layout-body-background;
  8877. border-bottom: 1px solid #f0f0f0;
  8878. border-radius: 2px 2px 0 0;
  8879. }
  8880. .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  8881. background-color: #f5f5f5;
  8882. }
  8883. .ant-transfer-list-content-item-checked {
  8884. background-color: color(~`colorPalette("@{link-color}", 1)`);
  8885. }
  8886. .ant-transfer-list-content-item-disabled {
  8887. color: @disabled-color;
  8888. }
  8889. .ant-transfer-list-body-not-found {
  8890. color: @disabled-color;
  8891. }
  8892. .ant-transfer-list-footer {
  8893. border-top: 1px solid #f0f0f0;
  8894. border-radius: 0 0 2px 2px;
  8895. }
  8896. .ant-tree-checkbox {
  8897. color: @text-color;
  8898. }
  8899. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  8900. .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  8901. .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  8902. border-color: @link-color;
  8903. }
  8904. .ant-tree-checkbox-checked::after {
  8905. border: 1px solid @link-color;
  8906. border-radius: 2px;
  8907. }
  8908. .ant-tree-checkbox-inner {
  8909. background-color: @component-background;
  8910. border: 1px solid @border-color-base;
  8911. border-radius: 2px;
  8912. border-collapse: separate;
  8913. }
  8914. .ant-tree-checkbox-inner::after {
  8915. border: 2px solid @component-background;
  8916. border-top: 0;
  8917. border-left: 0;
  8918. }
  8919. .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  8920. border: 2px solid @component-background;
  8921. border-top: 0;
  8922. border-left: 0;
  8923. }
  8924. .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  8925. background-color: @link-color;
  8926. border-color: @link-color;
  8927. }
  8928. .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  8929. border-color: @disabled-color;
  8930. }
  8931. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  8932. background-color: #f5f5f5;
  8933. border-color: #d9d9d9 !important;
  8934. }
  8935. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  8936. border-color: #f5f5f5;
  8937. border-collapse: separate;
  8938. }
  8939. .ant-tree-checkbox-disabled + span {
  8940. color: @disabled-color;
  8941. }
  8942. .ant-tree-checkbox-wrapper {
  8943. color: @text-color;
  8944. }
  8945. .ant-tree-checkbox-group {
  8946. color: @text-color;
  8947. }
  8948. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  8949. background-color: @component-background;
  8950. border-color: @border-color-base;
  8951. }
  8952. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  8953. background-color: @link-color;
  8954. border: 0;
  8955. }
  8956. .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  8957. background-color: @disabled-color;
  8958. border-color: @disabled-color;
  8959. }
  8960. .ant-tree {
  8961. color: @text-color;
  8962. background: @layout-body-background;
  8963. border-radius: 2px;
  8964. }
  8965. .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  8966. background: color(~`colorPalette("@{link-color}", 1)`);
  8967. }
  8968. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  8969. color: @disabled-color;
  8970. }
  8971. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  8972. background: transparent;
  8973. }
  8974. .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  8975. background: #f5f5f5;
  8976. }
  8977. .ant-tree .ant-tree-switcher-loading-icon {
  8978. color: @link-color;
  8979. }
  8980. .ant-tree .ant-tree-node-content-wrapper {
  8981. color: inherit;
  8982. background: transparent;
  8983. border-radius: 2px;
  8984. }
  8985. .ant-tree .ant-tree-node-content-wrapper:hover {
  8986. background-color: #f5f5f5;
  8987. }
  8988. .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  8989. background-color: color(~`colorPalette("@{link-color}", 2)`);
  8990. }
  8991. .ant-tree-node-content-wrapper[draggable='true'] {
  8992. border-top: 2px transparent solid;
  8993. border-bottom: 2px transparent solid;
  8994. }
  8995. .ant-tree .ant-tree-treenode.drag-over > [draggable] {
  8996. color: white;
  8997. background-color: @link-color;
  8998. }
  8999. .ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
  9000. border-top-color: @link-color;
  9001. }
  9002. .ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
  9003. border-bottom-color: @link-color;
  9004. }
  9005. .ant-tree-show-line .ant-tree-indent-unit::before {
  9006. border-right: 1px solid @border-color-base;
  9007. }
  9008. .ant-tree-show-line .ant-tree-switcher {
  9009. background: @layout-body-background;
  9010. }
  9011. .ant-tree {
  9012. color: @text-color;
  9013. background: @layout-body-background;
  9014. border-radius: 2px;
  9015. }
  9016. .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  9017. background: color(~`colorPalette("@{link-color}", 1)`);
  9018. }
  9019. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  9020. color: @disabled-color;
  9021. }
  9022. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  9023. background: transparent;
  9024. }
  9025. .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  9026. background: #f5f5f5;
  9027. }
  9028. .ant-tree .ant-tree-switcher-loading-icon {
  9029. color: @link-color;
  9030. }
  9031. .ant-tree .ant-tree-node-content-wrapper {
  9032. color: inherit;
  9033. background: transparent;
  9034. border-radius: 2px;
  9035. }
  9036. .ant-tree .ant-tree-node-content-wrapper:hover {
  9037. background-color: #f5f5f5;
  9038. }
  9039. .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  9040. background-color: color(~`colorPalette("@{link-color}", 2)`);
  9041. }
  9042. .ant-tree-node-content-wrapper[draggable='true'] {
  9043. border-top: 2px transparent solid;
  9044. border-bottom: 2px transparent solid;
  9045. }
  9046. .ant-tree .ant-tree-treenode.drag-over > [draggable] {
  9047. color: white;
  9048. background-color: @link-color;
  9049. }
  9050. .ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
  9051. border-top-color: @link-color;
  9052. }
  9053. .ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
  9054. border-bottom-color: @link-color;
  9055. }
  9056. .ant-tree-show-line .ant-tree-indent-unit::before {
  9057. border-right: 1px solid @border-color-base;
  9058. }
  9059. .ant-tree-show-line .ant-tree-switcher {
  9060. background: @layout-body-background;
  9061. }
  9062. .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  9063. border-right: none;
  9064. border-left: 1px solid @border-color-base;
  9065. }
  9066. .ant-select-tree-checkbox {
  9067. color: @text-color;
  9068. }
  9069. .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
  9070. .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
  9071. .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  9072. border-color: @link-color;
  9073. }
  9074. .ant-select-tree-checkbox-checked::after {
  9075. border: 1px solid @link-color;
  9076. border-radius: 2px;
  9077. }
  9078. .ant-select-tree-checkbox-inner {
  9079. background-color: @component-background;
  9080. border: 1px solid @border-color-base;
  9081. border-radius: 2px;
  9082. border-collapse: separate;
  9083. }
  9084. .ant-select-tree-checkbox-inner::after {
  9085. border: 2px solid @component-background;
  9086. border-top: 0;
  9087. border-left: 0;
  9088. }
  9089. .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  9090. border: 2px solid @component-background;
  9091. border-top: 0;
  9092. border-left: 0;
  9093. }
  9094. .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  9095. background-color: @link-color;
  9096. border-color: @link-color;
  9097. }
  9098. .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  9099. border-color: @disabled-color;
  9100. }
  9101. .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  9102. background-color: #f5f5f5;
  9103. border-color: #d9d9d9 !important;
  9104. }
  9105. .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  9106. border-color: #f5f5f5;
  9107. border-collapse: separate;
  9108. }
  9109. .ant-select-tree-checkbox-disabled + span {
  9110. color: @disabled-color;
  9111. }
  9112. .ant-select-tree-checkbox-wrapper {
  9113. color: @text-color;
  9114. }
  9115. .ant-select-tree-checkbox-group {
  9116. color: @text-color;
  9117. }
  9118. .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  9119. background-color: @component-background;
  9120. border-color: @border-color-base;
  9121. }
  9122. .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  9123. background-color: @link-color;
  9124. border: 0;
  9125. }
  9126. .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  9127. background-color: @disabled-color;
  9128. border-color: @disabled-color;
  9129. }
  9130. .ant-tree-select-dropdown .ant-select-tree {
  9131. border-radius: 0;
  9132. }
  9133. .ant-select-tree {
  9134. color: @text-color;
  9135. background: @layout-body-background;
  9136. border-radius: 2px;
  9137. }
  9138. .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  9139. background: color(~`colorPalette("@{link-color}", 1)`);
  9140. }
  9141. .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  9142. color: @disabled-color;
  9143. }
  9144. .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  9145. background: transparent;
  9146. }
  9147. .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  9148. background: #f5f5f5;
  9149. }
  9150. .ant-select-tree .ant-select-tree-switcher-loading-icon {
  9151. color: @link-color;
  9152. }
  9153. .ant-select-tree .ant-select-tree-node-content-wrapper {
  9154. color: inherit;
  9155. background: transparent;
  9156. border-radius: 2px;
  9157. }
  9158. .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  9159. background-color: #f5f5f5;
  9160. }
  9161. .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  9162. background-color: color(~`colorPalette("@{link-color}", 2)`);
  9163. }
  9164. .ant-select-tree-node-content-wrapper[draggable='true'] {
  9165. border-top: 2px transparent solid;
  9166. border-bottom: 2px transparent solid;
  9167. }
  9168. .ant-select-tree .ant-select-tree-treenode.drag-over > [draggable] {
  9169. color: white;
  9170. background-color: @link-color;
  9171. }
  9172. .ant-select-tree .ant-select-tree-treenode.drag-over-gap-top > [draggable] {
  9173. border-top-color: @link-color;
  9174. }
  9175. .ant-select-tree .ant-select-tree-treenode.drag-over-gap-bottom > [draggable] {
  9176. border-bottom-color: @link-color;
  9177. }
  9178. .ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  9179. border-right: 1px solid @border-color-base;
  9180. }
  9181. .ant-select-tree-show-line .ant-select-tree-switcher {
  9182. background: @layout-body-background;
  9183. }
  9184. .ant-select-tree {
  9185. color: @text-color;
  9186. background: @layout-body-background;
  9187. border-radius: 2px;
  9188. }
  9189. .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  9190. background: color(~`colorPalette("@{link-color}", 1)`);
  9191. }
  9192. .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  9193. color: @disabled-color;
  9194. }
  9195. .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  9196. background: transparent;
  9197. }
  9198. .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  9199. background: #f5f5f5;
  9200. }
  9201. .ant-select-tree .ant-select-tree-switcher-loading-icon {
  9202. color: @link-color;
  9203. }
  9204. .ant-select-tree .ant-select-tree-node-content-wrapper {
  9205. color: inherit;
  9206. background: transparent;
  9207. border-radius: 2px;
  9208. }
  9209. .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  9210. background-color: #f5f5f5;
  9211. }
  9212. .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  9213. background-color: color(~`colorPalette("@{link-color}", 2)`);
  9214. }
  9215. .ant-select-tree-node-content-wrapper[draggable='true'] {
  9216. border-top: 2px transparent solid;
  9217. border-bottom: 2px transparent solid;
  9218. }
  9219. .ant-select-tree .ant-select-tree-treenode.drag-over > [draggable] {
  9220. color: white;
  9221. background-color: @link-color;
  9222. }
  9223. .ant-select-tree .ant-select-tree-treenode.drag-over-gap-top > [draggable] {
  9224. border-top-color: @link-color;
  9225. }
  9226. .ant-select-tree .ant-select-tree-treenode.drag-over-gap-bottom > [draggable] {
  9227. border-bottom-color: @link-color;
  9228. }
  9229. .ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  9230. border-right: 1px solid @border-color-base;
  9231. }
  9232. .ant-select-tree-show-line .ant-select-tree-switcher {
  9233. background: @layout-body-background;
  9234. }
  9235. .ant-select-tree-rtl.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  9236. border-right: none;
  9237. border-left: 1px solid @border-color-base;
  9238. }
  9239. .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  9240. background: #f5f5f5;
  9241. }
  9242. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  9243. border-radius: 0;
  9244. }
  9245. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  9246. background: transparent;
  9247. }
  9248. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  9249. color: @component-background;
  9250. background: transparent;
  9251. }
  9252. .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
  9253. .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  9254. background: @link-color;
  9255. }
  9256. .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  9257. color: @component-background;
  9258. }
  9259. .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  9260. color: @component-background;
  9261. background: transparent;
  9262. }
  9263. .ant-tree-checkbox {
  9264. color: @text-color;
  9265. }
  9266. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  9267. .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  9268. .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  9269. border-color: @link-color;
  9270. }
  9271. .ant-tree-checkbox-checked::after {
  9272. border: 1px solid @link-color;
  9273. border-radius: 2px;
  9274. }
  9275. .ant-tree-checkbox-inner {
  9276. background-color: @component-background;
  9277. border: 1px solid @border-color-base;
  9278. border-radius: 2px;
  9279. border-collapse: separate;
  9280. }
  9281. .ant-tree-checkbox-inner::after {
  9282. border: 2px solid @component-background;
  9283. border-top: 0;
  9284. border-left: 0;
  9285. }
  9286. .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  9287. border: 2px solid @component-background;
  9288. border-top: 0;
  9289. border-left: 0;
  9290. }
  9291. .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  9292. background-color: @link-color;
  9293. border-color: @link-color;
  9294. }
  9295. .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  9296. border-color: @disabled-color;
  9297. }
  9298. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  9299. background-color: #f5f5f5;
  9300. border-color: #d9d9d9 !important;
  9301. }
  9302. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  9303. border-color: #f5f5f5;
  9304. border-collapse: separate;
  9305. }
  9306. .ant-tree-checkbox-disabled + span {
  9307. color: @disabled-color;
  9308. }
  9309. .ant-tree-checkbox-wrapper {
  9310. color: @text-color;
  9311. }
  9312. .ant-tree-checkbox-group {
  9313. color: @text-color;
  9314. }
  9315. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  9316. background-color: @component-background;
  9317. border-color: @border-color-base;
  9318. }
  9319. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  9320. background-color: @link-color;
  9321. border: 0;
  9322. }
  9323. .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  9324. background-color: @disabled-color;
  9325. border-color: @disabled-color;
  9326. }
  9327. .ant-tree {
  9328. color: @text-color;
  9329. background: @layout-body-background;
  9330. border-radius: 2px;
  9331. }
  9332. .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  9333. background: color(~`colorPalette("@{link-color}", 1)`);
  9334. }
  9335. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  9336. color: @disabled-color;
  9337. }
  9338. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  9339. background: transparent;
  9340. }
  9341. .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  9342. background: #f5f5f5;
  9343. }
  9344. .ant-tree .ant-tree-switcher-loading-icon {
  9345. color: @link-color;
  9346. }
  9347. .ant-tree .ant-tree-node-content-wrapper {
  9348. color: inherit;
  9349. background: transparent;
  9350. border-radius: 2px;
  9351. }
  9352. .ant-tree .ant-tree-node-content-wrapper:hover {
  9353. background-color: #f5f5f5;
  9354. }
  9355. .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  9356. background-color: color(~`colorPalette("@{link-color}", 2)`);
  9357. }
  9358. .ant-tree-node-content-wrapper[draggable='true'] {
  9359. border-top: 2px transparent solid;
  9360. border-bottom: 2px transparent solid;
  9361. }
  9362. .ant-tree .ant-tree-treenode.drag-over > [draggable] {
  9363. color: white;
  9364. background-color: @link-color;
  9365. }
  9366. .ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
  9367. border-top-color: @link-color;
  9368. }
  9369. .ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
  9370. border-bottom-color: @link-color;
  9371. }
  9372. .ant-tree-show-line .ant-tree-indent-unit::before {
  9373. border-right: 1px solid @border-color-base;
  9374. }
  9375. .ant-tree-show-line .ant-tree-switcher {
  9376. background: @layout-body-background;
  9377. }
  9378. .ant-tree {
  9379. color: @text-color;
  9380. background: @layout-body-background;
  9381. border-radius: 2px;
  9382. }
  9383. .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  9384. background: color(~`colorPalette("@{link-color}", 1)`);
  9385. }
  9386. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  9387. color: @disabled-color;
  9388. }
  9389. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  9390. background: transparent;
  9391. }
  9392. .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  9393. background: #f5f5f5;
  9394. }
  9395. .ant-tree .ant-tree-switcher-loading-icon {
  9396. color: @link-color;
  9397. }
  9398. .ant-tree .ant-tree-node-content-wrapper {
  9399. color: inherit;
  9400. background: transparent;
  9401. border-radius: 2px;
  9402. }
  9403. .ant-tree .ant-tree-node-content-wrapper:hover {
  9404. background-color: #f5f5f5;
  9405. }
  9406. .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  9407. background-color: color(~`colorPalette("@{link-color}", 2)`);
  9408. }
  9409. .ant-tree-node-content-wrapper[draggable='true'] {
  9410. border-top: 2px transparent solid;
  9411. border-bottom: 2px transparent solid;
  9412. }
  9413. .ant-tree .ant-tree-treenode.drag-over > [draggable] {
  9414. color: white;
  9415. background-color: @link-color;
  9416. }
  9417. .ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
  9418. border-top-color: @link-color;
  9419. }
  9420. .ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
  9421. border-bottom-color: @link-color;
  9422. }
  9423. .ant-tree-show-line .ant-tree-indent-unit::before {
  9424. border-right: 1px solid @border-color-base;
  9425. }
  9426. .ant-tree-show-line .ant-tree-switcher {
  9427. background: @layout-body-background;
  9428. }
  9429. .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  9430. border-right: none;
  9431. border-left: 1px solid @border-color-base;
  9432. }
  9433. .ant-typography {
  9434. color: @text-color;
  9435. }
  9436. .ant-typography.ant-typography-secondary {
  9437. color: @text-color-secondary;
  9438. }
  9439. .ant-typography.ant-typography-warning {
  9440. color: @warning-color;
  9441. }
  9442. .ant-typography.ant-typography-danger {
  9443. color: @error-color;
  9444. }
  9445. .ant-typography.ant-typography-disabled {
  9446. color: @disabled-color;
  9447. }
  9448. h1.ant-typography,
  9449. .ant-typography h1 {
  9450. color: @heading-color;
  9451. }
  9452. h2.ant-typography,
  9453. .ant-typography h2 {
  9454. color: @heading-color;
  9455. }
  9456. h3.ant-typography,
  9457. .ant-typography h3 {
  9458. color: @heading-color;
  9459. }
  9460. h4.ant-typography,
  9461. .ant-typography h4 {
  9462. color: @heading-color;
  9463. }
  9464. .ant-typography a {
  9465. color: @link-color;
  9466. }
  9467. .ant-typography a:focus,
  9468. .ant-typography a:hover {
  9469. color: color(~`colorPalette("@{link-color}", 5)`);
  9470. }
  9471. .ant-typography a:active {
  9472. color: color(~`colorPalette("@{link-color}", 7)`);
  9473. }
  9474. .ant-typography a[disabled] {
  9475. color: @disabled-color;
  9476. }
  9477. .ant-typography code {
  9478. background: rgba(0, 0, 0, 0.06);
  9479. border: 1px solid rgba(0, 0, 0, 0.06);
  9480. border-radius: 3px;
  9481. }
  9482. .ant-typography mark {
  9483. background-color: color(~`colorPalette("@{warning-color}", 3)`);
  9484. }
  9485. .ant-typography-expand,
  9486. .ant-typography-edit,
  9487. .ant-typography-copy {
  9488. color: @link-color;
  9489. }
  9490. .ant-typography-expand:focus,
  9491. .ant-typography-edit:focus,
  9492. .ant-typography-copy:focus,
  9493. .ant-typography-expand:hover,
  9494. .ant-typography-edit:hover,
  9495. .ant-typography-copy:hover {
  9496. color: color(~`colorPalette("@{link-color}", 5)`);
  9497. }
  9498. .ant-typography-expand:active,
  9499. .ant-typography-edit:active,
  9500. .ant-typography-copy:active {
  9501. color: color(~`colorPalette("@{link-color}", 7)`);
  9502. }
  9503. .ant-typography-copy-success,
  9504. .ant-typography-copy-success:hover,
  9505. .ant-typography-copy-success:focus {
  9506. color: @success-color;
  9507. }
  9508. .ant-typography-edit-content-confirm {
  9509. color: @text-color-secondary;
  9510. }
  9511. .ant-upload {
  9512. color: @text-color;
  9513. }
  9514. .ant-upload.ant-upload-select-picture-card {
  9515. background-color: #fafafa;
  9516. border: 1px dashed @border-color-base;
  9517. border-radius: 2px;
  9518. }
  9519. .ant-upload.ant-upload-select-picture-card:hover {
  9520. border-color: @link-color;
  9521. }
  9522. .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  9523. border-color: @border-color-base;
  9524. }
  9525. .ant-upload.ant-upload-drag {
  9526. background: #fafafa;
  9527. border: 1px dashed @border-color-base;
  9528. border-radius: 2px;
  9529. }
  9530. .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  9531. border-color: color(~`colorPalette("@{link-color}", 7)`);
  9532. }
  9533. .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  9534. border-color: color(~`colorPalette("@{link-color}", 5)`);
  9535. }
  9536. .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  9537. color: color(~`colorPalette("@{link-color}", 5)`);
  9538. }
  9539. .ant-upload.ant-upload-drag p.ant-upload-text {
  9540. color: @heading-color;
  9541. }
  9542. .ant-upload.ant-upload-drag p.ant-upload-hint {
  9543. color: @text-color-secondary;
  9544. }
  9545. .ant-upload.ant-upload-drag .anticon-plus {
  9546. color: @disabled-color;
  9547. }
  9548. .ant-upload.ant-upload-drag .anticon-plus:hover {
  9549. color: @text-color-secondary;
  9550. }
  9551. .ant-upload.ant-upload-drag:hover .anticon-plus {
  9552. color: @text-color-secondary;
  9553. }
  9554. .ant-upload-list {
  9555. color: @text-color;
  9556. }
  9557. .ant-upload-list-item-card-actions .anticon {
  9558. color: @text-color-secondary;
  9559. }
  9560. .ant-upload-list-item-info .anticon-loading .anticon,
  9561. .ant-upload-list-item-info .ant-upload-text-icon .anticon {
  9562. color: @text-color-secondary;
  9563. }
  9564. .ant-upload-list-item .anticon-close {
  9565. color: @text-color-secondary;
  9566. }
  9567. .ant-upload-list-item .anticon-close:hover {
  9568. color: @text-color;
  9569. }
  9570. .ant-upload-list-item:hover .ant-upload-list-item-info {
  9571. background-color: #f5f5f5;
  9572. }
  9573. .ant-upload-list-item-error,
  9574. .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
  9575. .ant-upload-list-item-error .ant-upload-list-item-name {
  9576. color: @error-color;
  9577. }
  9578. .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  9579. color: @error-color;
  9580. }
  9581. .ant-upload-list-picture .ant-upload-list-item,
  9582. .ant-upload-list-picture-card .ant-upload-list-item {
  9583. border: 1px solid @border-color-base;
  9584. border-radius: 2px;
  9585. }
  9586. .ant-upload-list-picture .ant-upload-list-item:hover,
  9587. .ant-upload-list-picture-card .ant-upload-list-item:hover {
  9588. background: transparent;
  9589. }
  9590. .ant-upload-list-picture .ant-upload-list-item-error,
  9591. .ant-upload-list-picture-card .ant-upload-list-item-error {
  9592. border-color: @error-color;
  9593. }
  9594. .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
  9595. .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  9596. background: transparent;
  9597. }
  9598. .ant-upload-list-picture .ant-upload-list-item-uploading,
  9599. .ant-upload-list-picture-card .ant-upload-list-item-uploading {
  9600. border-style: dashed;
  9601. }
  9602. .ant-upload-list-picture-card .ant-upload-list-item-info::before {
  9603. background-color: rgba(0, 0, 0, 0.5);
  9604. }
  9605. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
  9606. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
  9607. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  9608. color: rgba(255, 255, 255, 0.85);
  9609. }
  9610. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
  9611. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
  9612. .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  9613. color: @component-background;
  9614. }
  9615. .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  9616. background-color: #fafafa;
  9617. }
  9618. .ant-upload-list .ant-upload-success-icon {
  9619. color: @success-color;
  9620. }
  9621. .reloadBtn{
  9622. background: @submenu-background;
  9623. }
  9624. .login-layout{
  9625. background-color: #fff;
  9626. .logo-name{
  9627. color: #333;
  9628. }
  9629. }
  9630. .inner-tabs .ant-tabs-tab {
  9631. border: 1px solid @border-color-base;
  9632. &.ant-tabs-tab-active {
  9633. border-color: @primary-color;
  9634. }
  9635. }
  9636. .home{
  9637. background: #f5f5f5;
  9638. }