У меня есть файл темы, внутри которого я указываю некоторые переменные 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)
я хочу чего-то достичькак это