Bootstrap + Less - 在id的情况下更改变量

Question

我正在寻找在id的情况下更改变量的可能性。 我见过post about this topic，但是当我编译Less文件时，我得到了错误信息，即没有定义变量。

.colorDefs(@color) {
  @HoverActiveBg: @color;
}
body#theme1 {
  .colorDefs(@brand-info);
}
body#theme2 {
  .colorDefs(@brand-warning);
}
body#theme3 {
  .colorDefs(@brand-success);
}

...

.nav-pills:active, .nav-justified:active,
.nav-pills:hover, .nav-justified:hover,
.nav-pills:focus, .nav-justified:focus {
 background-color: @HoverActiveBg;
}

你有解决方案吗？