@primary-base: #1492FF;
@primary-1: color(~`window.colorPalette('@{primary-6}', 1) `);
@primary-2: color(~`window.colorPalette('@{primary-6}', 2) `);
@primary-3: color(~`window.colorPalette('@{primary-6}', 3) `);
@primary-4: color(~`window.colorPalette('@{primary-6}', 4) `);
@primary-5: color(~`window.colorPalette('@{primary-6}', 5) `);
@primary-6: @primary-base;
@primary-7: color(~`window.colorPalette('@{primary-6}', 7) `);
@primary-8: color(~`window.colorPalette('@{primary-6}', 8) `);
@primary-9: color(~`window.colorPalette('@{primary-6}', 9) `);
@primary-10: color(~`window.colorPalette('@{primary-6}', 10) `);

// color palettes
@blue-base: #1890ff;
@blue-1: color(~`window.colorPalette('@{blue-6}', 1) `);
@blue-2: color(~`window.colorPalette('@{blue-6}', 2) `);
@blue-3: color(~`window.colorPalette('@{blue-6}', 3) `);
@blue-4: color(~`window.colorPalette('@{blue-6}', 4) `);
@blue-5: color(~`window.colorPalette('@{blue-6}', 5) `);
@blue-6: @blue-base;
@blue-7: color(~`window.colorPalette('@{blue-6}', 7) `);
@blue-8: color(~`window.colorPalette('@{blue-6}', 8) `);
@blue-9: color(~`window.colorPalette('@{blue-6}', 9) `);
@blue-10: color(~`window.colorPalette('@{blue-6}', 10) `);

@purple-base: #722ed1;
@purple-1: color(~`window.colorPalette('@{purple-6}', 1) `);
@purple-2: color(~`window.colorPalette('@{purple-6}', 2) `);
@purple-3: color(~`window.colorPalette('@{purple-6}', 3) `);
@purple-4: color(~`window.colorPalette('@{purple-6}', 4) `);
@purple-5: color(~`window.colorPalette('@{purple-6}', 5) `);
@purple-6: @purple-base;
@purple-7: color(~`window.colorPalette('@{purple-6}', 7) `);
@purple-8: color(~`window.colorPalette('@{purple-6}', 8) `);
@purple-9: color(~`window.colorPalette('@{purple-6}', 9) `);
@purple-10: color(~`window.colorPalette('@{purple-6}', 10) `);

@cyan-base: #13c2c2;
@cyan-1: color(~`window.colorPalette('@{cyan-6}', 1) `);
@cyan-2: color(~`window.colorPalette('@{cyan-6}', 2) `);
@cyan-3: color(~`window.colorPalette('@{cyan-6}', 3) `);
@cyan-4: color(~`window.colorPalette('@{cyan-6}', 4) `);
@cyan-5: color(~`window.colorPalette('@{cyan-6}', 5) `);
@cyan-6: @cyan-base;
@cyan-7: color(~`window.colorPalette('@{cyan-6}', 7) `);
@cyan-8: color(~`window.colorPalette('@{cyan-6}', 8) `);
@cyan-9: color(~`window.colorPalette('@{cyan-6}', 9) `);
@cyan-10: color(~`window.colorPalette('@{cyan-6}', 10) `);

@green-base: #1EB272;
@green-1: color(~`window.colorPalette('@{green-6}', 1) `);
@green-2: color(~`window.colorPalette('@{green-6}', 2) `);
@green-3: color(~`window.colorPalette('@{green-6}', 3) `);
@green-4: color(~`window.colorPalette('@{green-6}', 4) `);
@green-5: color(~`window.colorPalette('@{green-6}', 5) `);
@green-6: @green-base;
@green-7: color(~`window.colorPalette('@{green-6}', 7) `);
@green-8: color(~`window.colorPalette('@{green-6}', 8) `);
@green-9: color(~`window.colorPalette('@{green-6}', 9) `);
@green-10: color(~`window.colorPalette('@{green-6}', 10) `);

@magenta-base: #eb2f96;
@magenta-1: color(~`window.colorPalette('@{magenta-6}', 1) `);
@magenta-2: color(~`window.colorPalette('@{magenta-6}', 2) `);
@magenta-3: color(~`window.colorPalette('@{magenta-6}', 3) `);
@magenta-4: color(~`window.colorPalette('@{magenta-6}', 4) `);
@magenta-5: color(~`window.colorPalette('@{magenta-6}', 5) `);
@magenta-6: @magenta-base;
@magenta-7: color(~`window.colorPalette('@{magenta-6}', 7) `);
@magenta-8: color(~`window.colorPalette('@{magenta-6}', 8) `);
@magenta-9: color(~`window.colorPalette('@{magenta-6}', 9) `);
@magenta-10: color(~`window.colorPalette('@{magenta-6}', 10) `);

// alias of magenta
@pink-base: #eb2f96;
@pink-1: color(~`window.colorPalette('@{pink-6}', 1) `);
@pink-2: color(~`window.colorPalette('@{pink-6}', 2) `);
@pink-3: color(~`window.colorPalette('@{pink-6}', 3) `);
@pink-4: color(~`window.colorPalette('@{pink-6}', 4) `);
@pink-5: color(~`window.colorPalette('@{pink-6}', 5) `);
@pink-6: @pink-base;
@pink-7: color(~`window.colorPalette('@{pink-6}', 7) `);
@pink-8: color(~`window.colorPalette('@{pink-6}', 8) `);
@pink-9: color(~`window.colorPalette('@{pink-6}', 9) `);
@pink-10: color(~`window.colorPalette('@{pink-6}', 10) `);

@red-base: #E94D4D;
@red-1: color(~`window.colorPalette('@{red-6}', 1) `);
@red-2: color(~`window.colorPalette('@{red-6}', 2) `);
@red-3: color(~`window.colorPalette('@{red-6}', 3) `);
@red-4: color(~`window.colorPalette('@{red-6}', 4) `);
@red-5: color(~`window.colorPalette('@{red-6}', 5) `);
@red-6: @red-base;
@red-7: color(~`window.colorPalette('@{red-6}', 7) `);
@red-8: color(~`window.colorPalette('@{red-6}', 8) `);
@red-9: color(~`window.colorPalette('@{red-6}', 9) `);
@red-10: color(~`window.colorPalette('@{red-6}', 10) `);

@orange-base: #E67926;
@orange-1: color(~`window.colorPalette('@{orange-6}', 1) `);
@orange-2: color(~`window.colorPalette('@{orange-6}', 2) `);
@orange-3: color(~`window.colorPalette('@{orange-6}', 3) `);
@orange-4: color(~`window.colorPalette('@{orange-6}', 4) `);
@orange-5: color(~`window.colorPalette('@{orange-6}', 5) `);
@orange-6: @orange-base;
@orange-7: color(~`window.colorPalette('@{orange-6}', 7) `);
@orange-8: color(~`window.colorPalette('@{orange-6}', 8) `);
@orange-9: color(~`window.colorPalette('@{orange-6}', 9) `);
@orange-10: color(~`window.colorPalette('@{orange-6}', 10) `);

@yellow-base: #fadb14;
@yellow-1: color(~`window.colorPalette('@{yellow-6}', 1) `);
@yellow-2: color(~`window.colorPalette('@{yellow-6}', 2) `);
@yellow-3: color(~`window.colorPalette('@{yellow-6}', 3) `);
@yellow-4: color(~`window.colorPalette('@{yellow-6}', 4) `);
@yellow-5: color(~`window.colorPalette('@{yellow-6}', 5) `);
@yellow-6: @yellow-base;
@yellow-7: color(~`window.colorPalette('@{yellow-6}', 7) `);
@yellow-8: color(~`window.colorPalette('@{yellow-6}', 8) `);
@yellow-9: color(~`window.colorPalette('@{yellow-6}', 9) `);
@yellow-10: color(~`window.colorPalette('@{yellow-6}', 10) `);

@volcano-base: #fa541c;
@volcano-1: color(~`window.colorPalette('@{volcano-6}', 1) `);
@volcano-2: color(~`window.colorPalette('@{volcano-6}', 2) `);
@volcano-3: color(~`window.colorPalette('@{volcano-6}', 3) `);
@volcano-4: color(~`window.colorPalette('@{volcano-6}', 4) `);
@volcano-5: color(~`window.colorPalette('@{volcano-6}', 5) `);
@volcano-6: @volcano-base;
@volcano-7: color(~`window.colorPalette('@{volcano-6}', 7) `);
@volcano-8: color(~`window.colorPalette('@{volcano-6}', 8) `);
@volcano-9: color(~`window.colorPalette('@{volcano-6}', 9) `);
@volcano-10: color(~`window.colorPalette('@{volcano-6}', 10) `);

@geekblue-base: #2f54eb;
@geekblue-1: color(~`window.colorPalette('@{geekblue-6}', 1) `);
@geekblue-2: color(~`window.colorPalette('@{geekblue-6}', 2) `);
@geekblue-3: color(~`window.colorPalette('@{geekblue-6}', 3) `);
@geekblue-4: color(~`window.colorPalette('@{geekblue-6}', 4) `);
@geekblue-5: color(~`window.colorPalette('@{geekblue-6}', 5) `);
@geekblue-6: @geekblue-base;
@geekblue-7: color(~`window.colorPalette('@{geekblue-6}', 7) `);
@geekblue-8: color(~`window.colorPalette('@{geekblue-6}', 8) `);
@geekblue-9: color(~`window.colorPalette('@{geekblue-6}', 9) `);
@geekblue-10: color(~`window.colorPalette('@{geekblue-6}', 10) `);

@lime-base: #a0d911;
@lime-1: color(~`window.colorPalette('@{lime-6}', 1) `);
@lime-2: color(~`window.colorPalette('@{lime-6}', 2) `);
@lime-3: color(~`window.colorPalette('@{lime-6}', 3) `);
@lime-4: color(~`window.colorPalette('@{lime-6}', 4) `);
@lime-5: color(~`window.colorPalette('@{lime-6}', 5) `);
@lime-6: @lime-base;
@lime-7: color(~`window.colorPalette('@{lime-6}', 7) `);
@lime-8: color(~`window.colorPalette('@{lime-6}', 8) `);
@lime-9: color(~`window.colorPalette('@{lime-6}', 9) `);
@lime-10: color(~`window.colorPalette('@{lime-6}', 10) `);

@gold-base: #faad14;
@gold-1: color(~`window.colorPalette('@{gold-6}', 1) `);
@gold-2: color(~`window.colorPalette('@{gold-6}', 2) `);
@gold-3: color(~`window.colorPalette('@{gold-6}', 3) `);
@gold-4: color(~`window.colorPalette('@{gold-6}', 4) `);
@gold-5: color(~`window.colorPalette('@{gold-6}', 5) `);
@gold-6: @gold-base;
@gold-7: color(~`window.colorPalette('@{gold-6}', 7) `);
@gold-8: color(~`window.colorPalette('@{gold-6}', 8) `);
@gold-9: color(~`window.colorPalette('@{gold-6}', 9) `);
@gold-10: color(~`window.colorPalette('@{gold-6}', 10) `);

@gray-base: #BFBFBF;
@gray-1: color(~`window.colorPalette('@{gray-6}', 1) `);
@gray-2: color(~`window.colorPalette('@{gray-6}', 2) `);
@gray-3: color(~`window.colorPalette('@{gray-6}', 3) `);
@gray-4: color(~`window.colorPalette('@{gray-6}', 4) `);
@gray-5: color(~`window.colorPalette('@{gray-6}', 5) `);
@gray-6: @gray-base;
@gray-7: color(~`window.colorPalette('@{gray-6}', 7) `);
@gray-8: color(~`window.colorPalette('@{gray-6}', 8) `);
@gray-9: color(~`window.colorPalette('@{gray-6}', 9) `);
@gray-10: color(~`window.colorPalette('@{gray-6}', 10) `);

@gray-1: #FFFFFF;
@gray-2: #FAFAFA;
@gray-3: #F5F5F5;
@gray-4: #F0F0F0;
@gray-5: #D9D9D9;
@gray-6: #BFBFBF;
@gray-7: #8C8C8C;
@gray-8: #595959;
@gray-9: #434343;
@gray-10: #262626;
@gray-11: #1F1F1F;
@gray-12: #141414;
@gray-13: #000000;

@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
purple;

.demo1{
  background-color: @purple-1;
}