nuxtProject/assets/scss/base/colors.scss

$colors: (
        'blue': (
                -13: #FFFFFF,
                -6: #ECF5FF,
                -5: #FBFBFB, //
                -4: #E0E9F5, // 表单header颜色
                -3: #a0cfff, // element color-primary disabled、滑块el-switch
                -2: #66b1ff, // element color-primary hover
                -1: #66B1FF,
                0: #2B5CFD, // 标准颜色
                1: #409EFF, // element color-primary
                2: #3a8ee6, // element color-primary active
                3: #2196F5,
                4: #09F,
                13: #000,
        ),
        'purple': (
                -2: #8f6480,
                -1: #7f6480,
                0: #7f3580,
                1: #80047e
        ),
        'red': (
                -13: #FFFFFF,
                -6: #ECF5FF,
                -5: #FBFBFB, //
                -4: #f5dfdb, // 表单header颜色
                -3: #ffddbc, //
                -2: #ffc0c0,
                -1: #ffb0b0,
                0: #ff5a5d,
                1: #ff5d69, // element color-primary
                2: #ff3520, // element color-primary hover
                3: #e62406, // element color-primary active
                4: #ff101a,
                13: #000,
        ),
        'green': (
                -13: #FFFFFF,
                -6:#ebfaf1,
                -5: #e8f9ef, //background-color:
                -4: #e0f5e3, // 表单header颜色
                -3: #8be0ad, // element color-primary disabled、滑块el-switch
                -2: #45cd7c, // element color-primary hover
                -1: #41c376, //未使用
                0: #17c05b, //标准颜色
                1: #17c05b, // element color-primary
                2: #15ad52, // element color-primary active
                3: #14a14c, //未使用
                4: #129446, //未使用
                13: #000,
        )
);
:export {
  color-blue: join(map-get($colors, 'blue'), ());
  color-purple: join(map-get($colors, 'purple'), ());
  color-red: join(map-get($colors, 'red'), ());
  color-green: join(map-get($colors, 'green'), ());
}