color.less 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. .color0,
  2. .color0 > td {
  3. background-color: #e1f5fe;
  4. color: #000;
  5. }
  6. .color0,.color1,.color2,.color3,.color4,.color5,.color6,.color7,.color8,.color9,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20,
  7. .color21,.color22,.color23,.color24,.color25,.color26,.color27,.color28,.color29,.color30 {
  8. &:hover{
  9. >td {
  10. color: #fff;
  11. }
  12. }
  13. }
  14. .color1,
  15. .color1 > td {
  16. background-color: #e8eaf6;
  17. color: #000;
  18. }
  19. .color2,
  20. .color2 > td {
  21. background-color: #f3e5f5;
  22. color: #000;
  23. }
  24. .color3,
  25. .color3 > td {
  26. background-color: #fff3e0;
  27. color: #000;
  28. }
  29. .color4,
  30. .color4 > td {
  31. background-color: #fce4ec;
  32. color: #000;
  33. }
  34. .color5,
  35. .color5 > td {
  36. background-color: #ffebee;
  37. color: #000;
  38. }
  39. .color6,
  40. .color6 > td {
  41. background-color: #fffde7;
  42. color: #000;
  43. }
  44. .color7,
  45. .color7 > td {
  46. background-color: #efebe9;
  47. color: #000;
  48. }
  49. .color8,
  50. .color8 > td {
  51. background-color: #f0f4c3;
  52. color: #000;
  53. }
  54. .color9,
  55. .color9 > td {
  56. background-color: #e8f5e9;
  57. color: #000;
  58. }
  59. .color10,
  60. .color10 > td {
  61. background-color: #e0f2f1;
  62. color: #000;
  63. }
  64. .color11,
  65. .color11 > td {
  66. background-color: #cfd8dc;
  67. color: #000;
  68. }
  69. .color12,
  70. .color12 > td {
  71. background-color: #d7ccc8;
  72. color: #000;
  73. }
  74. .color13,
  75. .color13 > td {
  76. background-color: #ffccbc;
  77. color: #000;
  78. }
  79. .color14,
  80. .color14 > td {
  81. background-color: #ffecb3;
  82. color: #000;
  83. }
  84. .color15,
  85. .color15 > td {
  86. background-color: #f0f4c3;
  87. color: #000;
  88. }
  89. .color16,
  90. .color16 > td {
  91. background-color: #dcedc8;
  92. color: #000;
  93. }
  94. .color17,
  95. .color17 > td {
  96. background-color: #c8e6c9;
  97. color: #000;
  98. }
  99. .color18,
  100. .color18 > td {
  101. background-color: #b2dfdb;
  102. color: #000;
  103. }
  104. .color19,
  105. .color19 > td {
  106. background-color: #b2ebf2;
  107. color: #000;
  108. }
  109. .color21,
  110. .color21 > td {
  111. background-color: #b3e5fc;
  112. color: #000;
  113. }
  114. .color22,
  115. .color22 > td {
  116. background-color: #bbdefb;
  117. color: #000;
  118. }
  119. .color23,
  120. .color23 > td {
  121. background-color: #c5cae9;
  122. color: #000;
  123. }
  124. .color24,
  125. .color24 > td {
  126. background-color: #d1c4e9;
  127. color: #000;
  128. }
  129. .color25,
  130. .color25 > td {
  131. background-color: #e1bee7;
  132. color: #000;
  133. }
  134. .color26,
  135. .color26 > td {
  136. background-color: #f8bbd0;
  137. color: #000;
  138. }
  139. .color27,
  140. .color27 > td {
  141. background-color: #ffcdd2;
  142. color: #000;
  143. }
  144. .color28,
  145. .color28 > td {
  146. background-color: #a5d6a7;
  147. color: #000;
  148. }
  149. .color29,
  150. .color29 > td {
  151. background-color: #ffcc80;
  152. color: #000;
  153. }
  154. .color20,
  155. .color20 > td {
  156. background-color: #80deea;
  157. color: #000;
  158. }