html[data-theme="cyan"] {
  --color-0: #e3fafc;
  --color-1: #c5f6fa;
  --color-2: #99e9f2;
  --color-3: #66d9e8;
  --color-4: #3bc9db;
  --color-5: #22b8cf;
  --color-6: #15aabf;
  --color-7: #1098ad;
  --color-8: #0c8599;
  --color-9: #0b7285;
}

html[data-theme="gray"] {
  --color-0: #f8f9fa;
  --color-1: #f1f3f5;
  --color-2: #e9ecef;
  --color-3: #dee2e6;
  --color-4: #ced4da;
  --color-5: #adb5bd;
  --color-6: #868e96;
  --color-7: #495057;
  --color-8: #343a40;
  --color-9: #212529;
}

html[data-theme="red"] {
  --color-0: #fff5f5;
  --color-1: #ffe3e3;
  --color-2: #ffc9c9;
  --color-3: #ffa8a8;
  --color-4: #ff8787;
  --color-5: #ff6b6b;
  --color-6: #fa5252;
  --color-7: #f03e3e;
  --color-8: #e03131;
  --color-9: #c92a2a;
}

html[data-theme="pink"] {
  --color-0: #fff0f6;
  --color-1: #ffdeeb;
  --color-2: #fcc2d7;
  --color-3: #faa2c1;
  --color-4: #f783ac;
  --color-5: #f06595;
  --color-6: #e64980;
  --color-7: #d6336c;
  --color-8: #c2255c;
  --color-9: #a61e4d;
}

html[data-theme="grape"] {
  --color-0: #f8f0fc;
  --color-1: #f3d9fa;
  --color-2: #eebefa;
  --color-3: #e599f7;
  --color-4: #da77f2;
  --color-5: #cc5de8;
  --color-6: #be4bdb;
  --color-7: #ae3ec9;
  --color-8: #9c36b5;
  --color-9: #862e9c;
}

html[data-theme="violet"] {
  --color-0: #f3f0ff;
  --color-1: #e5dbff;
  --color-2: #d0bfff;
  --color-3: #b197fc;
  --color-4: #9775fa;
  --color-5: #845ef7;
  --color-6: #7950f2;
  --color-7: #7048e8;
  --color-8: #6741d9;
  --color-9: #5f3dc4;
}

html[data-theme="indigo"] {
  --color-0: #edf2ff;
  --color-1: #dbe4ff;
  --color-2: #bac8ff;
  --color-3: #91a7ff;
  --color-4: #748ffc;
  --color-5: #5c7cfa;
  --color-6: #4c6ef5;
  --color-7: #4263eb;
  --color-8: #3b5bdb;
  --color-9: #364fc7;
}

html[data-theme="blue"] {
  --color-0: #e7f5ff;
  --color-1: #d0ebff;
  --color-2: #a5d8ff;
  --color-3: #74c0fc;
  --color-4: #4dabf7;
  --color-5: #339af0;
  --color-6: #228be6;
  --color-7: #1c7ed6;
  --color-8: #1971c2;
  --color-9: #1864ab;
}

html[data-theme="teal"] {
  --color-0: #e6fcf5;
  --color-1: #c3fae8;
  --color-2: #96f2d7;
  --color-3: #63e6be;
  --color-4: #38d9a9;
  --color-5: #20c997;
  --color-6: #12b886;
  --color-7: #0ca678;
  --color-8: #099268;
  --color-9: #087f5b;
}

html[data-theme="green"] {
  --color-0: #ebfbee;
  --color-1: #d3f9d8;
  --color-2: #b2f2bb;
  --color-3: #8ce99a;
  --color-4: #69db7c;
  --color-5: #51cf66;
  --color-6: #40c057;
  --color-7: #37b24d;
  --color-8: #2f9e44;
  --color-9: #2b8a3e;
}

html[data-theme="lime"] {
  --color-0: #f4fce3;
  --color-1: #e9fac8;
  --color-2: #d8f5a2;
  --color-3: #c0eb75;
  --color-4: #a9e34b;
  --color-5: #94d82d;
  --color-6: #82c91e;
  --color-7: #74b816;
  --color-8: #66a80f;
  --color-9: #5c940d;
}

html[data-theme="yellow"] {
  --color-0: #fff9db;
  --color-1: #fff3bf;
  --color-2: #ffec99;
  --color-3: #ffe066;
  --color-4: #ffd43b;
  --color-5: #fcc419;
  --color-6: #fab005;
  --color-7: #f59f00;
  --color-8: #f08c00;
  --color-9: #e67700;
}

html[data-theme="orange"] {
  --color-0: #fff4e6;
  --color-1: #ffe8cc;
  --color-2: #ffd8a8;
  --color-3: #ffc078;
  --color-4: #ffa94d;
  --color-5: #ff922b;
  --color-6: #fd7e14;
  --color-7: #f76707;
  --color-8: #e8590c;
  --color-9: #d9480f;
}