manyi/static/components/custom/scss/_option.scss

$wechat-old-color: #1AAD19; // 废弃，基本不用
$wechat-color: #07C160;//新版本微信按钮和文字主色
$wechat-color-same: #00B25E;//微信绿色2：源自微信钱包里的绿色图标

$alipay-color: #108EE9;// 支付宝主色
$default-color: $alipay-color; //默认主色:支付宝颜色，更好看，原色#4e89ef

//颜色键值对
$alipay-color-colorMap: ('primary':$alipay-color, 'primary-new':$alipay-color, 'blue':$alipay-color, 'orange':#E8541E, 'red':#ff524c, 'green':#0ba194, 'success':#0ba194, 'lgreen':#f49c2e);
$wechat-color-colorMap: ('primary':$wechat-color, 'primary-new':#46C01B, 'blue':#10AEFF, 'orange':#F19333, 'red':#ED6066, 'green':$wechat-color-same, 'success':#2BA246, 'lgreen':#FFC000);

// 默认的红、绿、黄等
$default-color-red: map-get($alipay-color-colorMap, 'red');
$default-color-green: map-get($alipay-color-colorMap, 'green');
$default-color-lgreen: map-get($alipay-color-colorMap, 'lgreen');

//不同皮肤的色调方案
$theme-colors: (
                ('alipay', $alipay-color, $alipay-color-colorMap), //支付宝
                ('green', $wechat-color, $wechat-color-colorMap), // 参考微信部分颜色，主绿色用1AAD19太丑了！
);

// 皮肤命名空间
$theme-namespace: '.theme' !default;

@mixin box-center{
  -webkit-box-pack: center;
  -ms-box-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
}