theme.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. @import '~view-design/src/styles/index.less';
  2. @primary-color: #ed3f14;
  3. @table-thead-bg : #f8f8f9;
  4. @table-td-stripe-bg : #f8f8f9;
  5. @table-td-hover-bg : #ededed;
  6. @table-td-highlight-bg : #ededed;
  7. //
  8. //.colorPaletteMixin() {
  9. // @functions: ~`(function() {
  10. // var hueStep = 2;
  11. // var saturationStep = 0.16;
  12. // var saturationStep2 = 0.05;
  13. // var brightnessStep1 = 0.05;
  14. // var brightnessStep2 = 0.15;
  15. // var lightColorCount = 5;
  16. // var darkColorCount = 4;
  17. //
  18. // var getHue = function(hsv, i, isLight) {
  19. // var hue;
  20. // if (hsv.h >= 60 && hsv.h <= 240) {
  21. // hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;
  22. // } else {
  23. // hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;
  24. // }
  25. // if (hue < 0) {
  26. // hue += 360;
  27. // } else if (hue >= 360) {
  28. // hue -= 360;
  29. // }
  30. // return Math.round(hue);
  31. // };
  32. // var getSaturation = function(hsv, i, isLight) {
  33. // var saturation;
  34. // if (isLight) {
  35. // saturation = hsv.s - saturationStep * i;
  36. // } else if (i === darkColorCount) {
  37. // saturation = hsv.s + saturationStep;
  38. // } else {
  39. // saturation = hsv.s + saturationStep2 * i;
  40. // }
  41. // if (saturation > 1) {
  42. // saturation = 1;
  43. // }
  44. // if (isLight && i === lightColorCount && saturation > 0.1) {
  45. // saturation = 0.1;
  46. // }
  47. // if (saturation < 0.06) {
  48. // saturation = 0.06;
  49. // }
  50. // return Number(saturation.toFixed(2));
  51. // };
  52. // var getValue = function(hsv, i, isLight) {
  53. // var value;
  54. // if (isLight) {
  55. // value = hsv.v + brightnessStep1 * i;
  56. // }else{
  57. // value = hsv.v - brightnessStep2 * i
  58. // }
  59. // if (value > 1) {
  60. // value = 1;
  61. // }
  62. // return Number(value.toFixed(2))
  63. // };
  64. //
  65. // this.colorPalette = function(color, index) {
  66. // var isLight = index <= 6;
  67. // var hsv = tinycolor(color).toHsv();
  68. // var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;
  69. // return tinycolor({
  70. // h: getHue(hsv, i, isLight),
  71. // s: getSaturation(hsv, i, isLight),
  72. // v: getValue(hsv, i, isLight),
  73. // }).toHexString();
  74. // };
  75. //})()`;
  76. //}
  77. //.colorPaletteMixin();