為另一個屬性設定較暗或較淺的背景顏色

變暗

#demo {
  @refcolor: #f0b9b8;
  background: @refcolor;
  border: 1px solid darken(@refcolor, 25%);
}

上面的程式碼利用 darken() 函式將邊框顏色設定為比參考顏色（也是背景顏色）暗 25％的陰影。

較少的編譯器無法讀取分配給一個屬性的值並將其用於另一個屬性，因此應定義單獨的變數。此變數將直接分配給背景顏色，而對於邊框顏色，darken 功能用於獲得更暗的陰影。

減輕

#demo {
  @refcolor: #f0b9b8;
  background: @refcolor;
  box-shadow: 2px 2px 0px lighten(@refcolor, 5%);
}

上面的程式碼利用 lighten() 函式將陰影顏色設定為比參考顏色（也是背景顏色）輕 5％的陰影。