布尔玛：链接的悬停颜色是否相对于颜色？

Question

我正在使用布尔玛，我想知道是否有一种方法可以使链接的悬停颜色相对于非悬停颜色？

例如，我有以下内容：

<a class="is-primary" href="https://bbc.co.uk">BBC</a>

位置：

$bb-red: #c1282a;

// update Bulma's global variables
$primary: $bb-red;

并且这很好用，该链接以该颜色显示，但是在:hover上它指向不起作用的地方，在:hover上该颜色为深灰色：

是否有一种方法可以使悬停链接颜色变得“聪明”并且相对于非悬停颜色是什么？例如非悬停颜色是较浅还是较深的阴影？

Answer 1

我不确定这是否是正确的处理方法，但是我做到了：

a.is-primary:hover {
    color: lighten($bb-red, 10%);
}

而且有效，我必须为所有颜色和所有方案都这样做很烦。