AFAIK прямого эквивалента нет.Однако существует множество цветовых функций, таких как смешивание, инвертирование, затемнение и т. Д. Для создания цвета по вашему желанию.
Функция contrast()
, принадлежащая стилусу, сообщит вам текущий коэффициент контрастности, который изменяется от 1 до 21(чем выше, тем лучше).Для получения дополнительной информации см. Документация по стилусу .
Что-то вроде этого хорошо работает для меня:
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 }
}