// 自定义
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
};
// 默认
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png); 
`;
// 清明节
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
  --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 新年
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 春天
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
//  新春
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 政务
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 中国风
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 金秋
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 盛夏
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 粉色鲜花
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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 中秋节
const jieri_zq = `
  --main-color: #FFBC67;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg-suspension.png);
  --suspension-toggle-bg: #FFBC67;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/jieri_zq/bg.png);
  --chat-bg: #F5EDB3;
  --chat-border-color: #FFBC67;
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/jieri_zq/b-r.png);
  --chat-color: #2E2E2E;
  --sendBox-bg: linear-gradient(#304040, #102231);
  --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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-black.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-black.png);
  --sendBox-icon-bg: #F5EDB3;
  --sendBox-text-border: #F5EDB3;
  --sebdBox-text-color: #747474;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
// 101国庆节
const jieri_gq = `
  --main-color: #CE2F19;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg-suspension.png);
  --suspension-toggle-bg: #CE2F19;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/jieri_gq/bg.png);
  --chat-bg: #FFFFFF;
  --chat-border-color: #FFFFFF;
  --chat-icon-br: transparent;
  --chat-color: #000000;
  --sendBox-bg: #D24231;
  --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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-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;
 --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
const technology = `
  --main-color: #0044B8;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
  --suspension-toggle-bg: #2c88dd;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg.png);
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/technology/b-r.png);
  --chat-bg: #FFFFFF;
  --chat-border-color: #FFFFFF;
  --chat-color: #000000;
  --sendBox-bg: linear-gradient(180deg, #0044B8 0%, #000943 100%);
  --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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #2C88DD;
  --sendBox-text-border: #2C88DD;
  --sebdBox-text-color: #FFFFFF;
 --chatBox-text-color: #f5f5f5;
  --suspension-text-color: #f5f5f5;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
const countryside = `
  --main-color: #876A3D;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
  --suspension-toggle-bg: #876A3D;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg.png);
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/countryside/b-r.png);
  --chat-bg: #FFFFFF;
  --chat-border-color: #FFFFFF;
  --chat-color: #000000;
  --sendBox-bg: #E7D6B0;
  --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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #876A3D;
  --sendBox-text-border: #876A3D;
  --sebdBox-text-color: #FFFFFF;
  --chatBox-text-color: #999;
  --suspension-text-color: #333;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
const springFestival = `
  --main-color: #CA2922;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg-suspension.png);
  --suspension-toggle-bg: linear-gradient(180deg, #F9E793 0%, #DEB563 100%);
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/springFestival/bg.png);
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/springFestival/b-r.png);
  --chat-bg: #E20300;
  --chat-border-color: #F9E793;
  --chat-color: #FFFFFF;
  --sendBox-bg: #900B0E;
  --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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #df160d;
  --sendBox-text-border: #df160d;
  --sebdBox-text-color: #FFFFFF;
  --chatBox-text-color: #f1d785;
  --suspension-text-color: #f1d785;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
const newyear2021 = `
  --main-color: #b22222;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg-suspension.png);
  --suspension-toggle-bg: linear-gradient(180deg, #FF556D 0%, #DA1B19 100%);;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/newyear2021/bg.png);
  --chat-icon-br: url(${process.env.DEF_OSS}/static/skin/newyear2021/b-r.png);
  --chat-bg: #CA2922;
  --chat-border-color: #FAF2B7; 
  --chat-color: #FFFFFF;
  --sendBox-bg: #900B0E;
  --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-market: url(${process.env.DEF_OSS}/static/skin/default/icon-market-white.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
  --sendBox-icon-bg: #CA2922;
  --sendBox-text-border: #CA2922;
  --sebdBox-text-color: #FFFFFF;
  --chatBox-text-color: #f5f5f5;
  --suspension-text-color: #f5f5f5;
  --suspension-invite-icon: url(${process.env.DEF_OSS}/static/skin/default/invite-icon.png);
  --suspension-wallet-icon: url(${process.env.DEF_OSS}/static/skin/default/wallet-icon.png);
  --suspension-reward-icon: url(${process.env.DEF_OSS}/static/skin/default/reward-icon.png);
  --suspension-praise-icon: url(${process.env.DEF_OSS}/static/skin/default/praise-icon.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/default/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/default/icon-hide.png);
   --tab-bg: #fff;
   --suspension-office-icon: url(${process.env.DEF_OSS}/static/skin/default/office-icon.png);
   --suspension-draw-icon: url(${process.env.DEF_OSS}/static/skin/default/draw-icon.png);
   --suspension-vote-icon: url(${process.env.DEF_OSS}/static/skin/default/vote-icon.png);
`;
const paperCuttings2021 = `
  --main-color: #f7b75b;
  --suspension-office-icon: none;
  --suspension-draw-icon: none;
  --suspension-vote-icon: none;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/office-bg.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/draw-bg.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/vote-bg.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/icon-hide.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/invite-bg.png);
  --suspension-invite-icon: none;
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/wallet-bg.png);
  --suspension-wallet-icon: none;
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/reward-bg.png);
  --suspension-reward-icon: none;
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/praise-bg.png);
  --suspension-praise-icon: none;
  --suspension-toggle-bg: #F7370A;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/bg.png);
  --chat-icon-br: none;
  --chat-bg: #FAF2B7;
  --chat-border-color: #FAF2B7; 
  --chat-color: #DC0F10;
  --sendBox-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/bar-bg.png);
  --tab-bg: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/bar-bg.png);
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/icon-user.png);
  --sendBox-icon-market: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/icon-market.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/icon-emoji.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/paperCuttings2021/icon-jia.png);
  --sendBox-icon-bg: #FAF2B7;
  --sendBox-text-border: #F7370A;
  --sebdBox-text-color: #DC0F10;
  --chatBox-text-color: #DC0F10;
  --suspension-text-color: #DC0F10;
`;
const lantern2021 = `
  --main-color: #EED4AA;
  --suspension-office-icon: none;
  --suspension-draw-icon: none;
  --suspension-vote-icon: none;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/office-bg.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/draw-bg.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/vote-bg.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/lantern2021/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/lantern2021/icon-hide.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/invite-bg.png);
  --suspension-invite-icon: none;
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/wallet-bg.png);
  --suspension-wallet-icon: none;
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/reward-bg.png);
  --suspension-reward-icon: none;
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/praise-bg.png);
  --suspension-praise-icon: none;
  --suspension-toggle-bg: #CF302F;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/lantern2021/bg.png);
  --chat-icon-br: none;
  --chat-bg: #EED4AA;
  --chat-border-color: #EED4AA; 
  --chat-color: #D34937;
  --sendBox-bg: #CF302F;
  --tab-bg: #CF302F;
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/lantern2021/icon-user.png);
  --sendBox-icon-market: url(${process.env.DEF_OSS}/static/skin/lantern2021/icon-market.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/lantern2021/icon-emoji.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/lantern2021/icon-jia.png);
  --sendBox-icon-bg: #FAF2B7;
  --sendBox-text-border: #CF302F;
  --sebdBox-text-color: #DC0F10;
  --chatBox-text-color: #DC0F10;
  --suspension-text-color: #DC0F10;
`;

const fireworks2021 = `
  --main-color: #EDDA85;
  --suspension-office-icon: none;
  --suspension-draw-icon: none;
  --suspension-vote-icon: none;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/office-bg.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/draw-bg.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/vote-bg.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/fireworks2021/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/fireworks2021/icon-hide.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/invite-bg.png);
  --suspension-invite-icon: none;
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/wallet-bg.png);
  --suspension-wallet-icon: none;
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/reward-bg.png);
  --suspension-reward-icon: none;
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/praise-bg.png);
  --suspension-praise-icon: none;
  --suspension-toggle-bg: #EDDA85;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/bg.png);
  --chat-icon-br: none;
  --chat-bg: #EDDA85;
  --chat-border-color: #EDDA85; 
  --chat-color: #D12C1E;
  --sendBox-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/bar-bg.png);
  --tab-bg: url(${process.env.DEF_OSS}/static/skin/fireworks2021/bar-bg.png);
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/fireworks2021/icon-user.png);
  --sendBox-icon-market: url(${process.env.DEF_OSS}/static/skin/fireworks2021/icon-market.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/fireworks2021/icon-emoji.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/fireworks2021/icon-jia.png);
  --sendBox-icon-bg: #EDDA85;
  --sendBox-text-border: #F7370A;
  --sebdBox-text-color: #be3a24;
  --chatBox-text-color: #EDDA85;
  --suspension-text-color: #EDDA85;
`;
const fu2021 = `
  --main-color: #EDDA85;
  --suspension-office-icon: none;
  --suspension-draw-icon: none;
  --suspension-vote-icon: none;
  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/office-bg.png);
  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/draw-bg.png);
  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/vote-bg.png);
  --suspension-icon-show: url(${process.env.DEF_OSS}/static/skin/fu2021/icon-show.png);
  --suspension-icon-hide: url(${process.env.DEF_OSS}/static/skin/fu2021/icon-hide.png);
  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/invite-bg.png);
  --suspension-invite-icon: none;
  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/wallet-bg.png);
  --suspension-wallet-icon: none;
  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/reward-bg.png);
  --suspension-reward-icon: none;
  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/praise-bg.png);
  --suspension-praise-icon: none;
  --suspension-toggle-bg: #EDDA85;
  --menu-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/bg.png);
  --chat-icon-br: none;
  --chat-bg: #EDDA85;
  --chat-border-color: #EDDA85; 
  --chat-color: #B90905;
  --sendBox-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/bar-bg.png);
  --tab-bg: url(${process.env.DEF_OSS}/static/skin/fu2021/bar-bg.png);
  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/fu2021/icon-user.png);
  --sendBox-icon-market: url(${process.env.DEF_OSS}/static/skin/fu2021/icon-market.png);
  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/fu2021/icon-emoji.png);
  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/fu2021/icon-jia.png);
  --sendBox-icon-bg: #EDDA85;
  --sendBox-text-border: #94251b;
  --sebdBox-text-color: #95271c;
  --chatBox-text-color: #EDDA85; 
  --suspension-text-color: #EDDA85;
`;

const allSkin = {
  custom,
  def,
  year2019,
  spring,
  newyear,
  affairs,
  zhonggf,
  jinqiu,
  shengxia,
  jieri_qm,
  pinkflower,
  jieri_51,
  jieri_61,
  jieri_zq,
  jieri_gq,
  technology,
  countryside,
  springFestival,
  newyear2021,
  paperCuttings2021,
  lantern2021,
  fireworks2021,
  fu2021
};
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;
