循环遍历类并包含带变量的属性

Question

所以我试图将一些逻辑带入我的sass文件中。用户可以为＆＃34;卡＆＃34;选择主题/颜色。在主页上显示的那种颜色。

<li class="theme-red"> Card 1 <//a>

<li class="theme-blue"> Card 2 </li>

我们正在尝试通过课程应用这些主题。主题有两种颜色可用于不同的属性。

.theme-red {
    $primary-color: red;
    $secondary-color: darkerred;

    background: $primary-color; 
    header { 
      background: $secondary-color;
    }
}

但是，对于多个主题，我们会对每个主题进行大量复制和粘贴，并且反复使用相同的属性。

我希望我们可以使用SASS函数（或类似函数）预定义每个类和属性。将类名添加到列表中，并为每个主题定义主要和次要颜色。

例如：

$themes-list: "red", "blue";

和一个填写班级名称的foreach循环（注意我并不真正了解语法，我希望有人可以帮助我，如果这是解决方案）

@for $theme in $themes-list

    .theme-$theme {
        background: $primary-$theme-color; 
        header { 
          background: $secondary-$theme-color;
        }
    }

我不确定如何，但会有一个＆＃34;包装＆＃34; （mixin？）允许我们为每个主题定义颜色？

@mixin theme-colors {
    $primary-red-color: red;
    $secondary-red-color: darkred;

    $primary-blue-color: blue;
    etc
}

这有可能吗？