@import './var.less';

.generate-color(@name, @color) {
    .mo-co-font-@{name} {
        color: @color;
    }

    .mo-co-border-@{name} {
        border-color: @color;
    }

    .mo-co-bg-@{name} {
        background-color: @color;
    }
}

.generate-color(theme, @colorTheme);
.generate-color(light-theme, @colorLightTheme);
.generate-color(dark-theme, @colorDarkTheme);

.generate-color(success, @colorSuccess);
.generate-color(warning, @colorWarning);
.generate-color(danger, @colorDanger);
.generate-color(primary, @colorPrimary);
.generate-color(minor, @colorMinor);
.generate-color(info, @colorInfo);

.generate-color(neutral-11, @colorNeutral11);
.generate-color(neutral-10, @colorNeutral10);
.generate-color(neutral-9, @colorNeutral9);
.generate-color(neutral-8, @colorNeutral8);
.generate-color(neutral-7, @colorNeutral7);
.generate-color(neutral-6, @colorNeutral6);
.generate-color(neutral-5, @colorNeutral5);
.generate-color(neutral-4, @colorNeutral4);
.generate-color(neutral-3, @colorNeutral3);
.generate-color(neutral-2, @colorNeutral2);
.generate-color(neutral-1, @colorNeutral1);

.generate-color(white, @colorWhite);
.generate-color(black, @colorBlack);
.generate-color(transparent, @colorTransparent);