针对手写笔的Less contrast()函数

Question

Less中使用的contrast()函数的手写笔版本是什么？我需要提供一个背景颜色的可读性，并应该是自动的，无论什么颜色。

Answer 1

AFAIK没有直接的等价物。然而，有许多颜色功能，如混合，反转，变暗等，以建立自己的愿望颜色。

手写笔拥有的contrast()函数将告诉您当前的对比度，从1到21 (越高越好)。有关更多信息，请参阅Stylus documentation。

这样的东西对我来说很好用：

var_backgroundColor = teal
var_fontColor = black
var_fontColorAlternative = darken(complement(var_backgroundColor),15%)

body { color: var_fontColor; background-color: var_backgroundColor }

if contrast(var_fontColor,var_backgroundColor).ratio <= 7 {
  body { color: var_fontColorAlternative }
}
else {
  body { color: var_fontColor }
}