.dx-designer-viewport {
    .dxd-back-primary {
        background-color: @color1;
    }
    .dxd-back-contrast .dxd-icon-fill {
        fill: @color7;
    }
    .dxd-state-active, .dxd-back-contrast .dxd-back-highlighted:hover, .dx-menu-item:not(.dx-menu-item-expanded).dx-state-focused {
        .dxd-icon-fill {
            fill: @color7;
        }
    }
    .dxd-state-active, .dxd-back-contrast {
        .dxd-text-primary {
            color: @color7;
        }
    }
    .dxd-back-contrast .dxd-back-highlighted {
        &.dxd-state-active, &.dxd-state-active:hover {
            background-color: @color5;
        }
    }    
}