如何使用less来设置背景颜色

Question

在我的页面中，我有以下内容：

<div class="col-md-12 @project.ColourCode"> <div class="dropzone">

页面此区域的div将背景颜色设置为ColourCode的值，通常为红色，绿色或琥珀色。这些是用于拖放功能的可放置区域。我正在使用Less，我想创建一个类，将ColourCode div设置为比当前颜色低50％。

所以在我的less文件中备份我声明了一个变量：

@default-backcolour : background-color;

现在我有2个问题。首先是如果我宣布：

.droppable-hover {

background-color : lighten(@default-backcolour,50%);}

Less给出了编译错误，所以我如何减轻，因为我认为减轻是Less的函数。第二，因为我正在放入'dropzone类，父div不会被.droppable-hover类完全掩盖。