2020-05-27

king

2020-05-27 a7d095c78d1320a4e01bd59dbd07043bf0cf68ba

 src/assets/css/table.scss

@@ -1,3 +1,11 @@
@mixin tableBackground($background, $color: rgba(0, 0, 0, 0.85)) {
  color: $color;
  background: $background;
  .baseboard {
    background: $background;
  }
}

.mingke-table {
  .ant-cascader-menu {
    min-width: 120px;
@@ -20,1485 +28,838 @@
  }
  // dust-red
  .background.dust-red-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #fff1f0;
    .baseboard {
      background: #fff1f0;
    }
    @include tableBackground(#fff1f0);
  }
  .background.dust-red-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffccc7;
    .baseboard {
      background: #ffccc7;
    }
    @include tableBackground(#ffccc7);
  }
  .background.dust-red-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffa39e;
    .baseboard {
      background: #ffa39e;
    }
    @include tableBackground(#ffa39e);
  }
  .background.dust-red-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #ff7875;
    .baseboard {
      background: #ff7875;
    }
    @include tableBackground(#ff7875);
  }
  .background.dust-red-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #ff4d4f;
    .baseboard {
      background: #ff4d4f;
    }
    @include tableBackground(#ff4d4f);
  }
  .background.dust-red-6 {
    color: #ffffff;
    background: #f5222d;
    .baseboard {
      background: #f5222d;
    }
    @include tableBackground(#f5222d, #ffffff);
  }
  .background.dust-red-7 {
    color: #ffffff;
    background: #cf1322;
    .baseboard {
      background: #cf1322;
    }
    @include tableBackground(#cf1322, #ffffff);
  }
  .background.dust-red-8 {
    color: #ffffff;
    background: #a8071a;
    .baseboard {
      background: #a8071a;
    }
    @include tableBackground(#a8071a, #ffffff);
  }
  .background.dust-red-9 {
    color: #ffffff;
    background: #820014;
    .baseboard {
      background: #820014;
    }
    @include tableBackground(#820014, #ffffff);
  }
  .background.dust-red-10 {
    color: #ffffff;
    background: #5c0011;
    .baseboard {
      background: #5c0011;
    }
    @include tableBackground(#5c0011, #ffffff);
  }

  // volcano
  .background.volcano-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #fff2e8;
    .baseboard {
      background: #fff2e8;
    }
    @include tableBackground(#fff2e8);
  }
  .background.volcano-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffd8bf;
    .baseboard {
      background: #ffd8bf;
    }
    @include tableBackground(#ffd8bf);
  }
  .background.volcano-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffbb96;
    .baseboard {
      background: #ffbb96;
    }
    @include tableBackground(#ffbb96);
  }
  .background.volcano-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #ff9c6e;
    .baseboard {
      background: #ff9c6e;
    }
    @include tableBackground(#ff9c6e);
  }
  .background.volcano-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #ff7a45;
    .baseboard {
      background: #ff7a45;
    }
    @include tableBackground(#ff7a45);
  }
  .background.volcano-6 {
    color: #ffffff;
    background: #fa541c;
    .baseboard {
      background: #fa541c;
    }
    @include tableBackground(#fa541c, #ffffff);
  }
  .background.volcano-7 {
    color: #ffffff;
    background: #d4380d;
    .baseboard {
      background: #d4380d;
    }
    @include tableBackground(#d4380d, #ffffff);
  }
  .background.volcano-8 {
    color: #ffffff;
    background: #ad2102;
    .baseboard {
      background: #ad2102;
    }
    @include tableBackground(#ad2102, #ffffff);
  }
  .background.volcano-9 {
    color: #ffffff;
    background: #871400;
    .baseboard {
      background: #871400;
    }
    @include tableBackground(#871400, #ffffff);
  }
  .background.volcano-10 {
    color: #ffffff;
    background: #610b00;
    .baseboard {
      background: #610b00;
    }
    @include tableBackground(#610b00, #ffffff);
  }

  // orange
  .background.orange-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #fff7e6;
    .baseboard {
      background: #fff7e6;
    }
    @include tableBackground(#fff7e6);
  }
  .background.orange-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffe7ba;
    .baseboard {
      background: #ffe7ba;
    }
    @include tableBackground(#ffe7ba);
  }
  .background.orange-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffd591;
    .baseboard {
      background: #ffd591;
    }
    @include tableBackground(#ffd591);
  }
  .background.orange-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffc069;
    .baseboard {
      background: #ffc069;
    }
    @include tableBackground(#ffc069);
  }
  .background.orange-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffa940;
    .baseboard {
      background: #ffa940;
    }
    @include tableBackground(#ffa940);
  }
  .background.orange-6 {
    color: #ffffff;
    background: #fa8c16;
    .baseboard {
      background: #fa8c16;
    }
    @include tableBackground(#fa8c16, #ffffff);
  }
  .background.orange-7 {
    color: #ffffff;
    background: #d46b08;
    .baseboard {
      background: #d46b08;
    }
    @include tableBackground(#d46b08, #ffffff);
  }
  .background.orange-8 {
    color: #ffffff;
    background: #ad4e00;
    .baseboard {
      background: #ad4e00;
    }
    @include tableBackground(#ad4e00, #ffffff);
  }
  .background.orange-9 {
    color: #ffffff;
    background: #873800;
    .baseboard {
      background: #873800;
    }
    @include tableBackground(#873800, #ffffff);
  }
  .background.orange-10 {
    color: #ffffff;
    background: #612500;
    .baseboard {
      background: #612500;
    }
    @include tableBackground(#612500, #ffffff);
  }

  // gold
  .background.gold-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #fffbe6;
    .baseboard {
      background: #fffbe6;
    }
    @include tableBackground(#fffbe6);
  }
  .background.gold-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #fff1b8;
    .baseboard {
      background: #fff1b8;
    }
    @include tableBackground(#fff1b8);
  }
  .background.gold-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffe58f;
    .baseboard {
      background: #ffe58f;
    }
    @include tableBackground(#ffe58f);
  }
  .background.gold-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffd666;
    .baseboard {
      background: #ffd666;
    }
    @include tableBackground(#ffd666);
  }
  .background.gold-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffc53d;
    .baseboard {
      background: #ffc53d;
    }
    @include tableBackground(#ffc53d);
  }
  .background.gold-6 {
    color: #ffffff;
    background: #faad14;
    .baseboard {
      background: #faad14;
    }
    @include tableBackground(#faad14, #ffffff);
  }
  .background.gold-7 {
    color: #ffffff;
    background: #d48806;
    .baseboard {
      background: #d48806;
    }
    @include tableBackground(#d48806, #ffffff);
  }
  .background.gold-8 {
    color: #ffffff;
    background: #ad6800;
    .baseboard {
      background: #ad6800;
    }
    @include tableBackground(#ad6800, #ffffff);
  }
  .background.gold-9 {
    color: #ffffff;
    background: #874d00;
    .baseboard {
      background: #874d00;
    }
    @include tableBackground(#874d00, #ffffff);
  }
  .background.gold-10 {
    color: #ffffff;
    background: #613400;
    .baseboard {
      background: #613400;
    }
    @include tableBackground(#613400, #ffffff);
  }

  // yellow
  .background.yellow-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #feffe6;
    .baseboard {
      background: #feffe6;
    }
    @include tableBackground(#feffe6);
  }
  .background.yellow-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffffb8;
    .baseboard {
      background: #ffffb8;
    }
    @include tableBackground(#ffffb8);
  }
  .background.yellow-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #fffb8f;
    .baseboard {
      background: #fffb8f;
    }
    @include tableBackground(#fffb8f);
  }
  .background.yellow-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #fff566;
    .baseboard {
      background: #fff566;
    }
    @include tableBackground(#fff566);
  }
  .background.yellow-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffec3d;
    .baseboard {
      background: #ffec3d;
    }
    @include tableBackground(#ffec3d);
  }
  .background.yellow-6 {
    color: #ffffff;
    background: #fadb14;
    .baseboard {
      background: #fadb14;
    }
    @include tableBackground(#fadb14, #ffffff);
  }
  .background.yellow-7 {
    color: #ffffff;
    background: #d4b106;
    .baseboard {
      background: #d4b106;
    }
    @include tableBackground(#d4b106, #ffffff);
  }
  .background.yellow-8 {
    color: #ffffff;
    background: #ad8b00;
    .baseboard {
      background: #ad8b00;
    }
    @include tableBackground(#ad8b00, #ffffff);
  }
  .background.yellow-9 {
    color: #ffffff;
    background: #876800;
    .baseboard {
      background: #876800;
    }
    @include tableBackground(#876800, #ffffff);
  }
  .background.yellow-10 {
    color: #ffffff;
    background: #614700;
    .baseboard {
      background: #614700;
    }
    @include tableBackground(#614700, #ffffff);
  }

  // lime
  .background.lime-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #fcffe6;
    .baseboard {
      background: #fcffe6;
    }
    @include tableBackground(#fcffe6);
  }
  .background.lime-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #f4ffb8;
    .baseboard {
      background: #f4ffb8;
    }
    @include tableBackground(#f4ffb8);
  }
  .background.lime-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #eaff8f;
    .baseboard {
      background: #eaff8f;
    }
    @include tableBackground(#eaff8f);
  }
  .background.lime-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #d3f261;
    .baseboard {
      background: #d3f261;
    }
    @include tableBackground(#d3f261);
  }
  .background.lime-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #bae637;
    .baseboard {
      background: #bae637;
    }
    @include tableBackground(#bae637);
  }
  .background.lime-6 {
    color: #ffffff;
    background: #a0d911;
    .baseboard {
      background: #a0d911;
    }
    @include tableBackground(#a0d911, #ffffff);
  }
  .background.lime-7 {
    color: #ffffff;
    background: #7cb305;
    .baseboard {
      background: #7cb305;
    }
    @include tableBackground(#7cb305, #ffffff);
  }
  .background.lime-8 {
    color: #ffffff;
    background: #5b8c00;
    .baseboard {
      background: #5b8c00;
    }
    @include tableBackground(#5b8c00, #ffffff);
  }
  .background.lime-9 {
    color: #ffffff;
    background: #3f6600;
    .baseboard {
      background: #3f6600;
    }
    @include tableBackground(#3f6600, #ffffff);
  }
  .background.lime-10 {
    color: #ffffff;
    background: #254000;
    .baseboard {
      background: #254000;
    }
    @include tableBackground(#254000, #ffffff);
  }

  // green
  .background.green-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #f6ffed;
    .baseboard {
      background: #f6ffed;
    }
    @include tableBackground(#f6ffed);
  }
  .background.green-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #d9f7be;
    .baseboard {
      background: #d9f7be;
    }
    @include tableBackground(#d9f7be);
  }
  .background.green-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #b7eb8f;
    .baseboard {
      background: #b7eb8f;
    }
    @include tableBackground(#b7eb8f);
  }
  .background.green-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #95de64;
    .baseboard {
      background: #95de64;
    }
    @include tableBackground(#95de64);
  }
  .background.green-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #73d13d;
    .baseboard {
      background: #73d13d;
    }
    @include tableBackground(#73d13d);
  }
  .background.green-6 {
    color: #ffffff;
    background: #52c41a;
    .baseboard {
      background: #52c41a;
    }
    @include tableBackground(#52c41a, #ffffff);
  }
  .background.green-7 {
    color: #ffffff;
    background: #389e0d;
    .baseboard {
      background: #389e0d;
    }
    @include tableBackground(#389e0d, #ffffff);
  }
  .background.green-8 {
    color: #ffffff;
    background: #237804;
    .baseboard {
      background: #237804;
    }
    @include tableBackground(#237804, #ffffff);
  }
  .background.green-9 {
    color: #ffffff;
    background: #135200;
    .baseboard {
      background: #135200;
    }
    @include tableBackground(#135200, #ffffff);
  }
  .background.green-10 {
    color: #ffffff;
    background: #092b00;
    .baseboard {
      background: #092b00;
    }
    @include tableBackground(#092b00, #ffffff);
  }

  // cyan
  .background.cyan-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #e6fffb;
    .baseboard {
      background: #e6fffb;
    }
    @include tableBackground(#e6fffb);
  }
  .background.cyan-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #b5f5ec;
    .baseboard {
      background: #b5f5ec;
    }
    @include tableBackground(#b5f5ec);
  }
  .background.cyan-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #87e8de;
    .baseboard {
      background: #87e8de;
    }
    @include tableBackground(#87e8de);
  }
  .background.cyan-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #5cdbd3;
    .baseboard {
      background: #5cdbd3;
    }
    @include tableBackground(#5cdbd3);
  }
  .background.cyan-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #36cfc9;
    .baseboard {
      background: #36cfc9;
    }
    @include tableBackground(#36cfc9);
  }
  .background.cyan-6 {
    color: #ffffff;
    background: #13c2c2;
    .baseboard {
      background: #13c2c2;
    }
    @include tableBackground(#13c2c2, #ffffff);
  }
  .background.cyan-7 {
    color: #ffffff;
    background: #08979c;
    .baseboard {
      background: #08979c;
    }
    @include tableBackground(#08979c, #ffffff);
  }
  .background.cyan-8 {
    color: #ffffff;
    background: #006d75;
    .baseboard {
      background: #006d75;
    }
    @include tableBackground(#006d75, #ffffff);
  }
  .background.cyan-9 {
    color: #ffffff;
    background: #00474f;
    .baseboard {
      background: #00474f;
    }
    @include tableBackground(#00474f, #ffffff);
  }
  .background.cyan-10 {
    color: #ffffff;
    background: #002329;
    .baseboard {
      background: #002329;
    }
    @include tableBackground(#002329, #ffffff);
  }

  // blue
  .background.blue-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #e6f7ff;
    .baseboard {
      background: #e6f7ff;
    }
    @include tableBackground(#e6f7ff);
  }
  .background.blue-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #bae7ff;
    .baseboard {
      background: #bae7ff;
    }
    @include tableBackground(#bae7ff);
  }
  .background.blue-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #91d5ff;
    .baseboard {
      background: #91d5ff;
    }
    @include tableBackground(#91d5ff);
  }
  .background.blue-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #69c0ff;
    .baseboard {
      background: #69c0ff;
    }
    @include tableBackground(#69c0ff);
  }
  .background.blue-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #40a9ff;
    .baseboard {
      background: #40a9ff;
    }
    @include tableBackground(#40a9ff);
  }
  .background.blue-6 {
    color: #ffffff;
    background: #1890ff;
    .baseboard {
      background: #1890ff;
    }
    @include tableBackground(#1890ff, #ffffff);
  }
  .background.blue-7 {
    color: #ffffff;
    background: #096dd9;
    .baseboard {
      background: #096dd9;
    }
    @include tableBackground(#096dd9, #ffffff);
  }
  .background.blue-8 {
    color: #ffffff;
    background: #0050b3;
    .baseboard {
      background: #0050b3;
    }
    @include tableBackground(#0050b3, #ffffff);
  }
  .background.blue-9 {
    color: #ffffff;
    background: #003a8c;
    .baseboard {
      background: #003a8c;
    }
    @include tableBackground(#003a8c, #ffffff);
  }
  .background.blue-10 {
    color: #ffffff;
    background: #002766;
    .baseboard {
      background: #002766;
    }
    @include tableBackground(#002766, #ffffff);
  }

  // geekblue
  .background.geekblue-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #f0f5ff;
    .baseboard {
      background: #f0f5ff;
    }
    @include tableBackground(#f0f5ff);
  }
  .background.geekblue-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #d6e4ff;
    .baseboard {
      background: #d6e4ff;
    }
    @include tableBackground(#d6e4ff);
  }
  .background.geekblue-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #adc6ff;
    .baseboard {
      background: #adc6ff;
    }
    @include tableBackground(#adc6ff);
  }
  .background.geekblue-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #85a5ff;
    .baseboard {
      background: #85a5ff;
    }
    @include tableBackground(#85a5ff);
  }
  .background.geekblue-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #597ef7;
    .baseboard {
      background: #597ef7;
    }
    @include tableBackground(#597ef7);
  }
  .background.geekblue-6 {
    color: #ffffff;
    background: #2f54eb;
    .baseboard {
      background: #2f54eb;
    }
    @include tableBackground(#2f54eb, #ffffff);
  }
  .background.geekblue-7 {
    color: #ffffff;
    background: #1d39c4;
    .baseboard {
      background: #1d39c4;
    }
    @include tableBackground(#1d39c4, #ffffff);
  }
  .background.geekblue-8 {
    color: #ffffff;
    background: #10239e;
    .baseboard {
      background: #10239e;
    }
    @include tableBackground(#10239e, #ffffff);
  }
  .background.geekblue-9 {
    color: #ffffff;
    background: #061178;
    .baseboard {
      background: #061178;
    }
    @include tableBackground(#061178, #ffffff);
  }
  .background.geekblue-10 {
    color: #ffffff;
    background: #030852;
    .baseboard {
      background: #030852;
    }
    @include tableBackground(#030852, #ffffff);
  }
  
  // purple
  .background.purple-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #f9f0ff;
    .baseboard {
      background: #f9f0ff;
    }
    @include tableBackground(#f9f0ff);
  }
  .background.purple-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #efdbff;
    .baseboard {
      background: #efdbff;
    }
    @include tableBackground(#efdbff);
  }
  .background.purple-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #d3adf7;
    .baseboard {
      background: #d3adf7;
    }
    @include tableBackground(#d3adf7);
  }
  .background.purple-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #b37feb;
    .baseboard {
      background: #b37feb;
    }
    @include tableBackground(#b37feb);
  }
  .background.purple-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #9254de;
    .baseboard {
      background: #9254de;
    }
    @include tableBackground(#9254de);
  }
  .background.purple-6 {
    color: #ffffff;
    background: #722ed1;
    .baseboard {
      background: #722ed1;
    }
    @include tableBackground(#722ed1, #ffffff);
  }
  .background.purple-7 {
    color: #ffffff;
    background: #531dab;
    .baseboard {
      background: #531dab;
    }
    @include tableBackground(#531dab, #ffffff);
  }
  .background.purple-8 {
    color: #ffffff;
    background: #391085;
    .baseboard {
      background: #391085;
    }
    @include tableBackground(#391085, #ffffff);
  }
  .background.purple-9 {
    color: #ffffff;
    background: #22075e;
    .baseboard {
      background: #22075e;
    }
    @include tableBackground(#22075e, #ffffff);
  }
  .background.purple-10 {
    color: #ffffff;
    background: #120338;
    .baseboard {
      background: #120338;
    }
    @include tableBackground(#120338, #ffffff);
  }

  // magenta
  .background.magenta-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #fff0f6;
    .baseboard {
      background: #fff0f6;
    }
    @include tableBackground(#fff0f6);
  }
  .background.magenta-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffd6e7;
    .baseboard {
      background: #ffd6e7;
    }
    @include tableBackground(#ffd6e7);
  }
  .background.magenta-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #ffadd2;
    .baseboard {
      background: #ffadd2;
    }
    @include tableBackground(#ffadd2);
  }
  .background.magenta-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #ff85c0;
    .baseboard {
      background: #ff85c0;
    }
    @include tableBackground(#ff85c0);
  }
  .background.magenta-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #f759ab;
    .baseboard {
      background: #f759ab;
    }
    @include tableBackground(#f759ab);
  }
  .background.magenta-6 {
    color: #ffffff;
    background: #eb2f96;
    .baseboard {
      background: #eb2f96;
    }
    @include tableBackground(#eb2f96, #ffffff);
  }
  .background.magenta-7 {
    color: #ffffff;
    background: #c41d7f;
    .baseboard {
      background: #c41d7f;
    }
    @include tableBackground(#c41d7f, #ffffff);
  }
  .background.magenta-8 {
    color: #ffffff;
    background: #9e1068;
    .baseboard {
      background: #9e1068;
    }
    @include tableBackground(#9e1068, #ffffff);
  }
  .background.magenta-9 {
    color: #ffffff;
    background: #780650;
    .baseboard {
      background: #780650;
    }
    @include tableBackground(#780650, #ffffff);
  }
  .background.magenta-10 {
    color: #ffffff;
    background: #520339;
    .baseboard {
      background: #520339;
    }
    @include tableBackground(#520339, #ffffff);
  }

  // gray
  .background.gray-1 {
    color: rgba(0, 0, 0, 0.85);
    background: #f5f5f5;
    .baseboard {
      background: #f5f5f5;
    }
    @include tableBackground(#f5f5f5);
  }
  .background.gray-2 {
    color: rgba(0, 0, 0, 0.85);
    background: #f0f0f0;
    .baseboard {
      background: #f0f0f0;
    }
    @include tableBackground(#f0f0f0);
  }
  .background.gray-3 {
    color: rgba(0, 0, 0, 0.85);
    background: #d9d9d9;
    .baseboard {
      background: #d9d9d9;
    }
    @include tableBackground(#d9d9d9);
  }
  .background.gray-4 {
    color: rgba(0, 0, 0, 0.85);
    background: #bfbfbf;
    .baseboard {
      background: #bfbfbf;
    }
    @include tableBackground(#bfbfbf);
  }
  .background.gray-5 {
    color: rgba(0, 0, 0, 0.85);
    background: #8c8c8c;
    .baseboard {
      background: #8c8c8c;
    }
    @include tableBackground(#8c8c8c);
  }
  .background.gray-6 {
    color: #ffffff;
    background: #595959;
    .baseboard {
      background: #595959;
    }
    @include tableBackground(#595959, #ffffff);
  }
  .background.gray-7 {
    color: #ffffff;
    background: #434343;
    .baseboard {
      background: #434343;
    }
    @include tableBackground(#434343, #ffffff);
  }
  .background.gray-8 {
    color: #ffffff;
    background: #262626;
    .baseboard {
      background: #262626;
    }
    @include tableBackground(#262626, #ffffff);
  }
  .background.gray-9 {
    color: #ffffff;
    background: #1f1f1f;
    .baseboard {
      background: #1f1f1f;
    }
    @include tableBackground(#1f1f1f, #ffffff);
  }
  .background.gray-10 {
    color: #ffffff;
    background: #141414;
    .baseboard {
      background: #141414;
    }
    @include tableBackground(#141414, #ffffff);
  }

  /* ******************************* */

  // .font {
  //   background: #ffffff;
  // }
  // dust-red
  .font.dust-red-1 {
    color: #fff1f0;
    background: #ffffff;
  }
  .font.dust-red-2 {
    color: #ffccc7;
    background: #ffffff;
  }
  .font.dust-red-3 {
    color: #ffa39e;
    background: #ffffff;
  }
  .font.dust-red-4 {
    color: #ff7875;
    background: #ffffff;
  }
  .font.dust-red-5 {
    color: #ff4d4f;
    background: #ffffff;
  }
  .font.dust-red-6 {
    color: #f5222d;
    background: #ffffff;
  }
  .font.dust-red-7 {
    color: #cf1322;
    background: #ffffff;
  }
  .font.dust-red-8 {
    color: #a8071a;
    background: #ffffff;
  }
  .font.dust-red-9 {
    color: #820014;
    background: #ffffff;
  }
  .font.dust-red-10 {
    color: #5c0011;
    background: #ffffff;
  }

  // volcano
  .font.volcano-1 {
    color: #fff2e8;
    background: #ffffff;
  }
  .font.volcano-2 {
    color: #ffd8bf;
    background: #ffffff;
  }
  .font.volcano-3 {
    color: #ffbb96;
    background: #ffffff;
  }
  .font.volcano-4 {
    color: #ff9c6e;
    background: #ffffff;
  }
  .font.volcano-5 {
    color: #ff7a45;
    background: #ffffff;
  }
  .font.volcano-6 {
    color: #fa541c;
    background: #ffffff;
  }
  .font.volcano-7 {
    color: #d4380d;
    background: #ffffff;
  }
  .font.volcano-8 {
    color: #ad2102;
    background: #ffffff;
  }
  .font.volcano-9 {
    color: #871400;
    background: #ffffff;
  }
  .font.volcano-10 {
    color: #610b00;
    background: #ffffff;
  }

  // orange
  .font.orange-1 {
    color: #fff7e6;
    background: #ffffff;
  }
  .font.orange-2 {
    color: #ffe7ba;
    background: #ffffff;
  }
  .font.orange-3 {
    color: #ffd591;
    background: #ffffff;
  }
  .font.orange-4 {
    color: #ffc069;
    background: #ffffff;
  }
  .font.orange-5 {
    color: #ffa940;
    background: #ffffff;
  }
  .font.orange-6 {
    color: #fa8c16;
    background: #ffffff;
  }
  .font.orange-7 {
    color: #d46b08;
    background: #ffffff;
  }
  .font.orange-8 {
    color: #ad4e00;
    background: #ffffff;
  }
  .font.orange-9 {
    color: #873800;
    background: #ffffff;
  }
  .font.orange-10 {
    color: #612500;
    background: #ffffff;
  }

  // gold
  .font.gold-1 {
    color: #fffbe6;
    background: #ffffff;
  }
  .font.gold-2 {
    color: #fff1b8;
    background: #ffffff;
  }
  .font.gold-3 {
    color: #ffe58f;
    background: #ffffff;
  }
  .font.gold-4 {
    color: #ffd666;
    background: #ffffff;
  }
  .font.gold-5 {
    color: #ffc53d;
    background: #ffffff;
  }
  .font.gold-6 {
    color: #faad14;
    background: #ffffff;
  }
  .font.gold-7 {
    color: #d48806;
    background: #ffffff;
  }
  .font.gold-8 {
    color: #ad6800;
    background: #ffffff;
  }
  .font.gold-9 {
    color: #874d00;
    background: #ffffff;
  }
  .font.gold-10 {
    color: #613400;
    background: #ffffff;
  }

  // yellow
  .font.yellow-1 {
    color: #feffe6;
    background: #ffffff;
  }
  .font.yellow-2 {
    color: #ffffb8;
    background: #ffffff;
  }
  .font.yellow-3 {
    color: #fffb8f;
    background: #ffffff;
  }
  .font.yellow-4 {
    color: #fff566;
    background: #ffffff;
  }
  .font.yellow-5 {
    color: #ffec3d;
    background: #ffffff;
  }
  .font.yellow-6 {
    color: #fadb14;
    background: #ffffff;
  }
  .font.yellow-7 {
    color: #d4b106;
    background: #ffffff;
  }
  .font.yellow-8 {
    color: #ad8b00;
    background: #ffffff;
  }
  .font.yellow-9 {
    color: #876800;
    background: #ffffff;
  }
  .font.yellow-10 {
    color: #614700;
    background: #ffffff;
  }

  // lime
  .font.lime-1 {
    color: #fcffe6;
    background: #ffffff;
  }
  .font.lime-2 {
    color: #f4ffb8;
    background: #ffffff;
  }
  .font.lime-3 {
    color: #eaff8f;
    background: #ffffff;
  }
  .font.lime-4 {
    color: #d3f261;
    background: #ffffff;
  }
  .font.lime-5 {
    color: #bae637;
    background: #ffffff;
  }
  .font.lime-6 {
    color: #a0d911;
    background: #ffffff;
  }
  .font.lime-7 {
    color: #7cb305;
    background: #ffffff;
  }
  .font.lime-8 {
    color: #5b8c00;
    background: #ffffff;
  }
  .font.lime-9 {
    color: #3f6600;
    background: #ffffff;
  }
  .font.lime-10 {
    color: #254000;
    background: #ffffff;
  }

  // green
  .font.green-1 {
    color: #f6ffed;
    background: #ffffff;
  }
  .font.green-2 {
    color: #d9f7be;
    background: #ffffff;
  }
  .font.green-3 {
    color: #b7eb8f;
    background: #ffffff;
  }
  .font.green-4 {
    color: #95de64;
    background: #ffffff;
  }
  .font.green-5 {
    color: #73d13d;
    background: #ffffff;
  }
  .font.green-6 {
    color: #52c41a;
    background: #ffffff;
  }
  .font.green-7 {
    color: #389e0d;
    background: #ffffff;
  }
  .font.green-8 {
    color: #237804;
    background: #ffffff;
  }
  .font.green-9 {
    color: #135200;
    background: #ffffff;
  }
  .font.green-10 {
    color: #092b00;
    background: #ffffff;
  }

  // cyan
  .font.cyan-1 {
    color: #e6fffb;
    background: #ffffff;
  }
  .font.cyan-2 {
    color: #b5f5ec;
    background: #ffffff;
  }
  .font.cyan-3 {
    color: #87e8de;
    background: #ffffff;
  }
  .font.cyan-4 {
    color: #5cdbd3;
    background: #ffffff;
  }
  .font.cyan-5 {
    color: #36cfc9;
    background: #ffffff;
  }
  .font.cyan-6 {
    color: #13c2c2;
    background: #ffffff;
  }
  .font.cyan-7 {
    color: #08979c;
    background: #ffffff;
  }
  .font.cyan-8 {
    color: #006d75;
    background: #ffffff;
  }
  .font.cyan-9 {
    color: #00474f;
    background: #ffffff;
  }
  .font.cyan-10 {
    color: #002329;
    background: #ffffff;
  }

  // blue
  .font.blue-1 {
    color: #e6f7ff;
    background: #ffffff;
  }
  .font.blue-2 {
    color: #bae7ff;
    background: #ffffff;
  }
  .font.blue-3 {
    color: #91d5ff;
    background: #ffffff;
  }
  .font.blue-4 {
    color: #69c0ff;
    background: #ffffff;
  }
  .font.blue-5 {
    color: #40a9ff;
    background: #ffffff;
  }
  .font.blue-6 {
    color: #1890ff;
    background: #ffffff;
  }
  .font.blue-7 {
    color: #096dd9;
    background: #ffffff;
  }
  .font.blue-8 {
    color: #0050b3;
    background: #ffffff;
  }
  .font.blue-9 {
    color: #003a8c;
    background: #ffffff;
  }
  .font.blue-10 {
    color: #002766;
    background: #ffffff;
  }

  // geekblue
  .font.geekblue-1 {
    color: #f0f5ff;
    background: #ffffff;
  }
  .font.geekblue-2 {
    color: #d6e4ff;
    background: #ffffff;
  }
  .font.geekblue-3 {
    color: #adc6ff;
    background: #ffffff;
  }
  .font.geekblue-4 {
    color: #85a5ff;
    background: #ffffff;
  }
  .font.geekblue-5 {
    color: #597ef7;
    background: #ffffff;
  }
  .font.geekblue-6 {
    color: #2f54eb;
    background: #ffffff;
  }
  .font.geekblue-7 {
    color: #1d39c4;
    background: #ffffff;
  }
  .font.geekblue-8 {
    color: #10239e;
    background: #ffffff;
  }
  .font.geekblue-9 {
    color: #061178;
    background: #ffffff;
  }
  .font.geekblue-10 {
    color: #030852;
    background: #ffffff;
  }

  // purple
  .font.purple-1 {
    color: #f9f0ff;
    background: #ffffff;
  }
  .font.purple-2 {
    color: #efdbff;
    background: #ffffff;
  }
  .font.purple-3 {
    color: #d3adf7;
    background: #ffffff;
  }
  .font.purple-4 {
    color: #b37feb;
    background: #ffffff;
  }
  .font.purple-5 {
    color: #9254de;
    background: #ffffff;
  }
  .font.purple-6 {
    color: #722ed1;
    background: #ffffff;
  }
  .font.purple-7 {
    color: #531dab;
    background: #ffffff;
  }
  .font.purple-8 {
    color: #391085;
    background: #ffffff;
  }
  .font.purple-9 {
    color: #22075e;
    background: #ffffff;
  }
  .font.purple-10 {
    color: #120338;
    background: #ffffff;
  }

  // magenta
  .font.magenta-1 {
    color: #fff0f6;
    background: #ffffff;
  }
  .font.magenta-2 {
    color: #ffd6e7;
    background: #ffffff;
  }
  .font.magenta-3 {
    color: #ffadd2;
    background: #ffffff;
  }
  .font.magenta-4 {
    color: #ff85c0;
    background: #ffffff;
  }
  .font.magenta-5 {
    color: #f759ab;
    background: #ffffff;
  }
  .font.magenta-6 {
    color: #eb2f96;
    background: #ffffff;
  }
  .font.magenta-7 {
    color: #c41d7f;
    background: #ffffff;
  }
  .font.magenta-8 {
    color: #9e1068;
    background: #ffffff;
  }
  .font.magenta-9 {
    color: #780650;
    background: #ffffff;
  }
  .font.magenta-10 {
    color: #520339;
    background: #ffffff;
  }

  // gray
  .font.gray-1 {
    color: #f5f5f5;
    background: #ffffff;
  }
  .font.gray-2 {
    color: #f0f0f0;
    background: #ffffff;
  }
  .font.gray-3 {
    color: #d9d9d9;
    background: #ffffff;
  }
  .font.gray-4 {
    color: #bfbfbf;
    background: #ffffff;
  }
  .font.gray-5 {
    color: #8c8c8c;
    background: #ffffff;
  }
  .font.gray-6 {
    color: #595959;
    background: #ffffff;
  }
  .font.gray-7 {
    color: #434343;
    background: #ffffff;
  }
  .font.gray-8 {
    color: #262626;
    background: #ffffff;
  }
  .font.gray-9 {
    color: #1f1f1f;
    background: #ffffff;
  }
  .font.gray-10 {
    color: #141414;
    background: #ffffff;
  }
}