// 自定义
const custom = color => {
  return `
  --main-color: ${color};
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-draw.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-draw.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-vote.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-invite.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-wallet.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-reward.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-praise.png);
  --suspension-toggle-bg: ${color};
  --menu-bg: #f0f1f3;
  --chat-bg: #fff;
  --chat-border-color: #fff;
  --chat-icon-br: transparent;
  --chat-color: #2e2e2e;
  --sendBox-bg:#fff;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
};
// 默认
const def = `
  --main-color: #409EFF;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-draw.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-draw.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-vote.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-invite.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-wallet.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-reward.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/default/bg-praise.png);
  --suspension-toggle-bg: linear-gradient(#72b8ff, #4285ec);
  --menu-bg: #f0f1f3;
  --chat-bg: #fff;
  --chat-border-color: #fff;
  --chat-icon-br: transparent;
  --chat-color: #2e2e2e;
  --sendBox-bg:#fff;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
// 清明节
const jieri_qm = `
  --main-color: #469F55;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg-suspension.png);
  --suspension-toggle-bg: linear-gradient( #499B44, #27917C);
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/jieri_qm/bg.png);
  --chat-bg: #8ADBC9;
  --chat-border-color: #E4D09A;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/jieri_qm/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg:linear-gradient(#8DD3C1, #2AA58A);;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-white.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #8ADBC9;
  --sendBox-text-border: rgba(39,145,124,0.2);
  --sebdBox-text-color: #FFFFFF;
`;
// 新年
const year2019 = `
  --main-color: #e7402e;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg-suspension.png);
  --suspension-toggle-bg: #e7402e;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/year2019/bg.png);
  --chat-bg: #fe4151;
  --chat-border-color: #fe4151;
  --chat-icon-br: transparent;
  --chat-color: #fff;
  --sendBox-bg: url(${process.env.DEF_OSS}/static/skin/year2019/input-bg.png);
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
// 春天
const spring = `
  --main-color: #6cbb6d;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg-suspension.png);
  --suspension-toggle-bg: #6cbb6d;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/spring/bg.png);
  --chat-bg: #a5e0fa;
  --chat-border-color: #88c670;
  --chat-icon-br: transparent;
  --chat-color: #458434;
  --sendBox-bg: #dff1c0;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
//  新春
const newyear = `
  --main-color: #ea5555;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg-suspension.png);
  --suspension-toggle-bg: #ea5555;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/newyear/bg.png);
  --chat-bg: linear-gradient(#ff494b,#fe4151,#ef6137);
  --chat-border-color: transparent;
  --chat-icon-br: transparent;
  --chat-color: #fff;
  --sendBox-bg: url(${process.env.DEF_OSS}/static/skin/newyear/input-bg.png);
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
// 政务
const affairs = `
  --main-color: #e1554f;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg-suspension.png);
  --suspension-toggle-bg: #e1554f;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/affairs/bg.png);
  --chat-bg: #b7362d;
  --chat-border-color: #b7362d;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/affairs/b-r.png);
  --chat-color: #fff;
  --sendBox-bg: #f0d5d3;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
// 中国风
const zhonggf = `
  --main-color: #a1241b;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg-suspension.png);
  --suspension-toggle-bg: #a1241b;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/zhonggf/bg.png);
  --chat-bg: #e5e0d6;
  --chat-border-color: #e5e0d6;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/zhonggf/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg:#fff;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;

// 金秋
const jinqiu = `
  --main-color: #fcaf00;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg-suspension.png);
  --suspension-toggle-bg: #fcaf00;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/jinqiu/bg.png);
  --chat-bg: #fff;
  --chat-border-color: #fff;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/jinqiu/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg:#fff;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
// 盛夏
const shengxia = `
  --main-color: #4acfed;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg-suspension.png);
  --suspension-toggle-bg: #4acfed;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/shengxia/bg.png);
  --chat-bg: #fff;
  --chat-border-color: #fff;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/shengxia/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg:#fff;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-black.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5F5F5;
  --sendBox-text-border: #F5F5F5;
  --sebdBox-text-color: #747474;
`;
// 粉色鲜花
const pinkflower = `
  --main-color: #F8917E;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg-praise.png);
  --suspension-toggle-bg: linear-gradient(#FFC3C8, #F8917E);
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/pinkflower/bg.png);
  --chat-bg: #FFE0DB;
  --chat-border-color: #FFC3C8;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/pinkflower/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg: #FFF3F4;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-white.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #FFC3C8;
  --sendBox-text-border: #FFC3C8;
  --sebdBox-text-color: #FFFFFF;
`;
// 51劳动节
const jieri_51 = `
  --main-color: #7D0000;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg-suspension.png);
  --suspension-toggle-bg: linear-gradient(#F56565, #B01217);
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/jieri_51/bg.png);
  --chat-bg: #FDF0D8;
  --chat-border-color: #7D0000;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/jieri_51/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg: #F7EDDB;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-white.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #C2191F;
  --sendBox-text-border: #C2191F;
  --sebdBox-text-color: #FFFFFF;
`;
// 61儿童节
const jieri_61 = `
  --main-color: #F8917E;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg-suspension.png);
  --suspension-toggle-bg: linear-gradient(#FFA797, #FFC186);
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/jieri_61/bg.png);
  --chat-bg: #A8EAE3;
  --chat-border-color: #F7CDCC;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/jieri_61/b-r.png);
  --chat-color: #2e2e2e;
  --sendBox-bg: #C3ECE8;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-white.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #8ADBC9;
  --sendBox-text-border: #8ADBC9;
  --sebdBox-text-color: #FFFFFF;
`;
const allSkin = {
  custom,
  def,
  year2019,
  spring,
  newyear,
  affairs,
  zhonggf,
  jinqiu,
  shengxia,
  jieri_qm,
  pinkflower,
  jieri_51,
  jieri_61
};
const skin = color => {
  const layoutColor = color;
  const defStyle = allSkin.def;
  let style = '';
  if (layoutColor) {
    if (layoutColor.indexOf('#') !== -1) {
      style = allSkin.custom(layoutColor);
    } else {
      style = allSkin[layoutColor];
    }
  }
  const styleHtml = `
    :root{
      ${style || defStyle}
    }
  `;
  return styleHtml;
};
export default skin;
