如何在SASS [scale-color]函数中使用CSS变量？

Question

类似的问题，但需要此帮助，我想使用两个 css 变量--color-primary和来更改整体网站颜色--color-secondary，因为我在管理仪表板中有两个颜色选项。管理员可以根据每个上市公司的品牌更改其颜色。

所以我有 5 种颜色，两种是深色的，另外三种是来自同一颜色系列的浅色。

我想在某些地方将深色转换为浅色。这是我的代码，它不起作用。 代码笔

:root {
--color-primary: blue;
--color-secondary: red;
}

$primary : var(--color-primary);

//convert to light form primary color
$bg-color : scale-color($primary, $lightness:80%);

.logo{
  background: $bg-color;
  height: 100px;
  width:100px;
} 

有人知道我该如何解决这个问题吗？还是根本不可能？提前致谢。

Answer 1

去掉原色就可以了