2064-theming.less

// establish themes:

#theme(default) {
    @primary:  black;
    @contrast: white;
}

#theme(inverted) {
    @primary:  white;
    @contrast: black;
}

#theme(error) {
    @primary:  white;
    @contrast: red;
}

// use themes:

body {
    #theme(default);
    background-color: @primary;
    color: @contrast;
}

.error {
    #theme(error);
    
    color: @contrast;
    background-color: lighten(@contrast, 95%);
    border: 1px solid @contrast;
}