Как тематизировать в Lesscss

Поскольку я нахожусь в подготовительном цикле разработки приложения, я часто меняю визуальное представление, чтобы приблизиться к тому, что будет подтверждено заказчиком.

Было бы интересно сохранить некоторые изображения на одной странице (назовите их темами), чтобы я мог быстро представить их клиенту.

Я нашел способ создать класс внешнего вида, надетый на тело, и, изменив его, я мог бы соответствующим образом изменить саму страницу.

Тем не менее, я заинтересован в тематизации глобальных менее переменных, таких как:

// default appearance
@navBarHeight: 50px;

.appearanceWhite {
    @navBarHeight: 130px;
}
.appearanceBlack {
    @navBarHeight: 70px;
}

Таким образом, позже, в .less, я придумываю следующие занятия:

#navBar {
    height: @navBarHeight;

    // appearance handling
    .appearanceBlack & {
        background-color: black;
    }
    .appearanceWhite & {
        background-color: white;
    }
}

Конечно, реальный случай, если сложнее.

Можно ли определить (или переопределить) меньше переменных в зависимости от класса CSS внешнего вида?