从类型脚本更新Sass变量（$ variable）

Question

有什么办法可以设置数据库中针对每个用户的颜色变量（$ background-color，$ secondary-color）？

我使用了如下所示的自定义属性。

:root {
  --UserBackgrouncolor: #008cba;
}

但是，background-color: darken(#008cba, 0%)不适用于自定义属性，即

background-color: darken(var(--UserBackgrouncolor), 0%)

我可以从app.component.ts（角度5）更新自定义属性--UserBackgrouncolor，但不能从app.component.ts动态更新SCSS变量（$background-color,$secondary-color）