.make-color(){
	each(@set-theme-colors, {
		.txt_@{key} { color: @value; }
		.bg_@{key} { background: @value; }
		.svg_stroke_@{key} { stroke: @value; }
		.svg_fill_@{key} { fill: @value; }
		.btn_@{key} {
			background-color: @value; border-color: @value; color: contrast(@value, @dark, @light);
			&:hover , &.active { background-color: darken(@value, 10%); border-color: darken(@value, 10%); color: contrast(darken(@value, 10%), @dark, @light); }
		}
		.btn_outline_@{key} {
			border-color: @value; color: @value;
			&:hover , &.active { background-color: @value; color: contrast(@value, @dark, @light); }
		}
		.badge_@{key} { background-color: @value; color: contrast(@value, @dark, @light); }
		.badge_soft_@{key} { background-color: lighten(@value, 35%); color: darken(@value, 15%); }
	});
	each(@set-grays, {
		.txt_@{key} { color: @value; }
		.bg_@{key} { background: @value; }
		.svg_stroke_@{key} { stroke: @value; }
		.svg_fill_@{key} { fill: @value; }
		.btn_@{key} {
			background-color: @value; border-color: @value; color: contrast(@value, @dark, @light);
			&:hover , &.active { background-color: darken(@value, 10%); border-color: darken(@value, 10%); color: contrast(darken(@value, 10%), @dark, @light); }
		}
		.btn_outline_@{key} {
			border-color: @value; color: @value;
			&:hover , &.active { background-color: @value; color: contrast(@value, @dark, @light); }
		}
		.badge_@{key} { background-color: @value; color: contrast(@value, @dark, @light); }
		.badge_soft_@{key} { background-color: lighten(@value, 35%); color: darken(@value, 15%); }
	});
}