:root {
  /* 主题色 */
  --lx-primary-color: #203344;

  /* 字体颜色 */
  --lx-primary-font-color: var(--lx-primary-color);

  /* 主题色上的字体颜色 */
  --lx-primary-bg-font-color: #fff;

  /* 激活颜色 */
  --lx-active-color: #87D9A5;
  --lx-inactive-color: #D9D9D9;
  --lx-secondary-color: #CCDFED;
  --lx-warning-color: #DA5C5C;
  --lx-warning-info-color: #fa9841;

  /* 登录页面主题 */
  --login-bg-color: var(--lx-primary-color);
  --login-input-bg-color: #d9d9d93b;
  --login-input-bg-font-color: #FFF;
  --login-placeholder-color: #ffffffa6;
  --login-tip-color: #ffffffcf;

  /* TabBar标签 */
  --tab-bar-active-bg: var(--lx-primary-color);
  --tab-bar-active-font-color: var(--lx-primary-bg-font-color);

  /* 页脚字体色 */
  --footer-font-color: #B6B6B6;

  /* Default button */
  --lx-default-btn-bg: #d7e4ed;
  --lx-default-btn-hover-bg: #d7e4ed9d;
  --lx-default-btn-active-bg: #c0cbd4;
  --lx-default-disabled-btn-bg: #E0E0E0;
  --lx-default-disabled-btn-color: #20334480;

  /* Primary button */
  --lx-primary-btn-bg: #87d9a5;
  --lx-primary-btn-hover-bg: #87d9a59d;
  --lx-primary-btn-active-bg: #82d19f;

  /*  modal */
  --modal-default-btn-bg: #d7e4ed;
  --modal-font-color: #FFF;
  --transfer-item-bg: #ccdfed7d;
  --tab-font-color: #5f6165;
  --tab-body-input-bg-color: #eef4f7;
  --lx-content-bg: #F1F3F4;

  /*  memu */
  --lx-memu-sider-bg: var(--lx-primary-color);
  --lx-memu-item-text-color: var(--lx-primary-bg-font-color);
  --lx-memu-item-text-selected-color: var(--lx-primary-color);
  --lx-memu-item-active-color: var(--lx-active-color);
  --lx-memu-item-bg-hover-color: #324250;
  --lx-sub-memu-item-active-bg: #162330;
  --lx-collapsed-sub-memu-item-bg: #CCDFED14;
  --lx-sub-memu-line-bg: #E3E3E3;

  /* 侧边弹出窗header背景 */
  --lx-drawer-header-bg: #203344F0;
  --button-font-color: var(--lx-primary-color);

  /* 侧边弹出窗body背景 */
  --lx-watermark-color: #ffffff24;
}