将CSS变量的值分配给SCSS变量

Question

我有一个主题文件，在其中指定了一些CSS变量，这些变量的值将根据类而变化，我希望将相应的颜色分配给外部文件中的SCSS变量。

color-theme.scss

html {

height: 100%;

 --bg: #f8f8f8;

--bg-panel: #ffffff;

--color-primary: #a80000;

--color-text-primary: #333333;

--color-text-secondary: #707070;

}

html[data-theme="light"] {

--bg: #f8f8f8;

--bg-panel: #ffffff;

--color-primary: #a80000;

--color-text-primary: #333333;

--color-text-secondary: #707070;

--border-color: #dddddd; 

}

html[data-theme="dark"] {

 --bg: #1b191b;

 --bg-panel: #232223;

 --color-primary: #a80000;

 --color-text-primary: #969696;

 --color-text-secondary: #6c757d;

--border-color: #424242;

}

external-scss-file.scss

import "color-theme.scss"

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

我想实现这样的目标