@lighter1: spin(@secondThemeColor, 1);
@lighter2: spin(@secondThemeColor, 2);
@lighter3: spin(@secondThemeColor, 3);
@lighter4: spin(@secondThemeColor, 4);
@lighter5: spin(@secondThemeColor, 5);

@lighter6: spin(@secondThemeColor, 6);
@lighter7: spin(@secondThemeColor, 7);
@lighter8: spin(@secondThemeColor, 8);
@lighter9: spin(@secondThemeColor, 9);
@lighter10: spin(@secondThemeColor, 10);

@darker1: spin(@secondThemeColor, -1);
@darker2: spin(@secondThemeColor, -2);
@darker3: spin(@secondThemeColor, -3);
@darker4: spin(@secondThemeColor, -4);
@darker5: spin(@secondThemeColor, -5);

@darker6: spin(@secondThemeColor, -6);
@darker7: spin(@secondThemeColor, -7);
@darker8: spin(@secondThemeColor, -8);
@darker9: spin(@secondThemeColor, -9);
@darker10: spin(@secondThemeColor, -10);


@lighterb1: spin(@firstThemeColor, 1);
@lighterb2: spin(@firstThemeColor, 2);
@lighterb3: spin(@firstThemeColor, 3);
@lighterb4: spin(@firstThemeColor, 4);
@lighterb5: spin(@firstThemeColor, 5);

@lighterb6: spin(@firstThemeColor, 6);
@lighterb7: spin(@firstThemeColor, 7);
@lighterb8: spin(@firstThemeColor, 8);
@lighterb9: spin(@firstThemeColor, 9);
@lighterb10: spin(@firstThemeColor, 10);

@darkerb1: spin(@firstThemeColor, -1);
@darkerb2: spin(@firstThemeColor, -2);
@darkerb3: spin(@firstThemeColor, -3);
@darkerb4: spin(@firstThemeColor, -4);
@darkerb5: spin(@firstThemeColor, -5);

@darkerb6: spin(@firstThemeColor, -6);
@darkerb7: spin(@firstThemeColor, -7);
@darkerb8: spin(@firstThemeColor, -8);
@darkerb9: spin(@firstThemeColor, -9);
@darkerb10: spin(@firstThemeColor, -10);


.skuska { clear: both;}
.sk {height: 35px; width: 35px; float: left; }


.skl1 { background-color: @lighter1; }
.skl2 { background-color: @lighter2; }
.skl3 { background-color: @lighter3; }
.skl4 { background-color: @lighter4; }
.skl5 { background-color: @lighter5; }
.skl6 { background-color: @lighter6; }
.skl7 { background-color: @lighter7; }
.skl8 { background-color: @lighter8; }
.skl9 { background-color: @lighter9; }
.skl10 { background-color: @lighter10; }

.skd1 { background-color: @darker1; }
.skd2 { background-color: @darker2; }
.skd3 { background-color: @darker3; }
.skd4 { background-color: @darker4; }
.skd5 { background-color: @darker5; }
.skd6 { background-color: @darker6; }
.skd7 { background-color: @darker7; }
.skd8 { background-color: @darker8; }
.skd9 { background-color: @darker9; }
.skd10 { background-color: @darker10; }

.sklb1 { background-color: @lighterb1; }
.sklb2 { background-color: @lighterb2; }
.sklb3 { background-color: @lighterb3; }
.sklb4 { background-color: @lighterb4; }
.sklb5 { background-color: @lighterb5; }
.sklb6 { background-color: @lighterb6; }
.sklb7 { background-color: @lighterb7; }
.sklb8 { background-color: @lighterb8; }
.sklb9 { background-color: @lighterb9; }
.sklb10 { background-color: @lighterb10; }

.skdb1 { background-color: @darkerb1; }
.skdb2 { background-color: @darkerb2; }
.skdb3 { background-color: @darkerb3; }
.skdb4 { background-color: @darkerb4; }
.skdb5 { background-color: @darkerb5; }
.skdb6 { background-color: @darkerb6; }
.skdb7 { background-color: @darkerb7; }
.skdb8 { background-color: @darkerb8; }
.skdb9 { background-color: @darkerb9; }
.skdb10 { background-color: @darkerb10; }