如何在SASS中有条件地调整SLECTOR规则？

Question

我是SCSS的新手，我想使用SCSS实现主题，我编写了Mixins和功能，该功能在父类中返回颜色值。即“主题光”或“主题黑暗”相应退出。如果父类不存在，如何编写返回默认值的选择器？

@mixin themed() {
    @each $theme, $map in $themes {
      .theme-#{$theme} & {
        $theme-map: () !global;
        @each $key, $submap in $map {
          $value: map-get(map-get($themes, $theme), '#{$key}');
          $theme-map: map-merge($theme-map, ($key: $value)) !global;
        }
        @content;
        $theme-map: null !global;
      }

    }
  }
  
  @function t($key) {
    @return map-get($theme-map, $key);
  }

用例：实际上，我想在我的React应用程序中实现主题。基于所选主题，要么暗/光模式，应用程序的整个主题将被更改。