如何在多维sass映射中访问太多变量

Question

将多维sass贴图应用为颜色

尝试将我的颜色存储在sass地图中以方便使用。但我想存储颜色的变化，如黑暗和光明。下面是我的地图的一个例子

@each

但我不确定如何将这些颜色应用到我的课程中。

我可以使用.supa-class{ color: //$button-colors.red.base; } 循环来完成它，但如果我只想要一种颜色，我不知道如何获得它。这是我想要使用特定颜色的类的示例。

'use strict';
angular.module('ui', ['ui.bootstrap']);


(function() {
  
  angular.module('ui', [ 
    "ui.bootstrap",
      "ngAnimate"
      ]);
  
  var module = angular.module("ui");
  module.controller("controller", function($scope) {

    var model = this;
    model.oneAtATime = true;

    model.Operators = [{
      ReportItemName: "asd"
    }, {
      ReportItemName: "fds"

    }];
  });
}());

问题

如何访问第二个数组中的颜色？

可能重复

关于可能重复的问题和答案是针对数组的迭代，以将样式应用于多个元素。在这个问题中，我想知道如何从我的sass-map中检索单个值并将其应用于属性。即副本不回答我的问题。