color_match.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. /* 马卡龙 */
  2. .text-group-color11 {
  3. color: #efcd8d;
  4. }
  5. .text-group-color12 {
  6. color: #d98884;
  7. }
  8. .text-group-color13 {
  9. color: #a1caa0;
  10. }
  11. .text-group-color14 {
  12. color: #f2e5d8;
  13. }
  14. .bg-group-color11 {
  15. background: #efcd8d;
  16. }
  17. .bg-group-color12 {
  18. background: #d98884;
  19. }
  20. .bg-group-color13 {
  21. background: #a1caa0;
  22. }
  23. .bg-group-color14 {
  24. background: #f2e5d8;
  25. }
  26. /* 莫兰迪 */
  27. .text-group-color21 {
  28. color: #cbc69e;
  29. }
  30. .text-group-color22 {
  31. color: #bbb5b7;
  32. }
  33. .text-group-color23 {
  34. color: #906b62;
  35. }
  36. .text-group-color24 {
  37. color: #636b5e;
  38. }
  39. .bg-group-color21 {
  40. background: #cbc69e;
  41. }
  42. .bg-group-color22 {
  43. background: #bbb5b7;
  44. }
  45. .bg-group-color23 {
  46. background: #906b62;
  47. }
  48. .bg-group-color24 {
  49. background: #636b5e;
  50. }
  51. /* 蒙德里安 */
  52. .text-group-color31 {
  53. color: #f0bba4;
  54. }
  55. .text-group-color32 {
  56. color: #ae4028;
  57. }
  58. .text-group-color33 {
  59. color: #60cdf8;
  60. }
  61. .text-group-color34 {
  62. color: #f54d88;
  63. }
  64. .bg-group-color31 {
  65. background: #f0bba4;
  66. }
  67. .bg-group-color32 {
  68. background: #ae4028;
  69. }
  70. .bg-group-color33 {
  71. background: #60cdf8;
  72. }
  73. .bg-group-color34 {
  74. background: #f54d88;
  75. }
  76. /* 洛可可 */
  77. .text-group-color41 {
  78. color: #e6d9a4;
  79. }
  80. .text-group-color42 {
  81. color: #7c5e15;
  82. }
  83. .text-group-color43 {
  84. color: #a2b6aa;
  85. }
  86. .text-group-color44 {
  87. color: #d17045;
  88. }
  89. .bg-group-color41 {
  90. background: #e6d9a4;
  91. }
  92. .bg-group-color42 {
  93. background: #7c5e15;
  94. }
  95. .bg-group-color43 {
  96. background: #a2b6aa;
  97. }
  98. .bg-group-color44 {
  99. background: #d17045;
  100. }
  101. /* 孟菲斯 */
  102. .text-group-color51 {
  103. color: #1fa2a6;
  104. }
  105. .text-group-color52 {
  106. color: #ff7254;
  107. }
  108. .text-group-color53 {
  109. color: #5a9b85;
  110. }
  111. .text-group-color54 {
  112. color: #eda3ac;
  113. }
  114. .bg-group-color51 {
  115. background: #1fa2a6;
  116. }
  117. .bg-group-color52 {
  118. background: #ff7254;
  119. }
  120. .bg-group-color53 {
  121. background: #5a9b85;
  122. }
  123. .bg-group-color54 {
  124. background: #eda3ac;
  125. }
  126. /* 中国风 */
  127. .text-group-color61 {
  128. color: #e74a2d;
  129. }
  130. .text-group-color62 {
  131. color: #89b87b;
  132. }
  133. .text-group-color63 {
  134. color: #eaa58a;
  135. }
  136. .text-group-color64 {
  137. color: #9c5045;
  138. }
  139. .bg-group-color61 {
  140. background: #e74a2d;
  141. }
  142. .bg-group-color62 {
  143. background: #89b87b;
  144. }
  145. .bg-group-color63 {
  146. background: #eaa58a;
  147. }
  148. .bg-group-color64 {
  149. background: #9c5045;
  150. }