/* 亮白色 */
html[data-theme='light'] {
  --udp-theme-vxeColor: #409eff;
  --udp-theme-sub-menu-active-text: #000;
  --udp-theme-project-text: #000;
  --udp-theme-menu-bg: #fff;
  --udp-theme-menu-hover: #f6f6f6;
  --udp-theme-sub-menu-bg: #fff;
  --udp-theme-sub-menu-active-bg: #e0ebf6;
  --udp-theme-nav-text-color: #7a80b4;
  --udp-theme-menu-text: rgb(0 0 0 / 60%);
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #000;
  --udp-theme-menu-active-before: #4091f7;
}

/* 道奇蓝 */
html[data-theme='default'] {
  --udp-theme-vxeColor: #409eff;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #409eff;
  --udp-theme-menu-bg: #001529;
  --udp-theme-menu-hover: rgb(64 145 247 / 15%);
  --udp-theme-sub-menu-bg: #001529;
  --udp-theme-sub-menu-active-bg: #4091f7;
  --udp-theme-nav-text-color: #fff;
  --udp-theme-menu-text: rgb(254 254 254 / 65%);
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #4091f7;
}

/* 深紫罗兰色 */
html[data-theme='saucePurple'] {
  --udp-theme-vxeColor: #722ed1;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #722ed1;
  --udp-theme-menu-bg: #130824;
  --udp-theme-menu-hover: rgb(105 58 201 / 15%);
  --udp-theme-sub-menu-bg: #000;
  --udp-theme-sub-menu-active-bg: #693ac9;
  --udp-theme-nav-text-color: #7a80b4;
  --udp-theme-menu-text: #7a80b4;
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #693ac9;
}

/* 深粉色 */
html[data-theme='pink'] {
  --udp-theme-vxeColor: #eb2f96;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #eb2f96;
  --udp-theme-menu-bg: #28081a;
  --udp-theme-menu-hover: rgb(216 68 147 / 15%);
  --udp-theme-sub-menu-bg: #000;
  --udp-theme-sub-menu-active-bg: #d84493;
  --udp-theme-nav-text-color: #7a80b4;
  --udp-theme-menu-text: #7a80b4;
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #d84493;
}

/* 猩红色 */
html[data-theme='dusk'] {
  --udp-theme-vxeColor: #f5222d;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #f5222d;
  --udp-theme-menu-bg: #2a0608;
  --udp-theme-menu-hover: rgb(225 60 57 / 15%);
  --udp-theme-sub-menu-bg: #000;
  --udp-theme-sub-menu-active-bg: #e13c39;
  --udp-theme-nav-text-color: red;
  --udp-theme-menu-text: rgb(254 254 254 / 65.1%);
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #e13c39;
}

/* 橙红色 */
html[data-theme='volcano'] {
  --udp-theme-vxeColor: #fa541c;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #fa541c;
  --udp-theme-menu-bg: #2b0e05;
  --udp-theme-menu-hover: rgb(232 95 51 / 15%);
  --udp-theme-sub-menu-bg: #0f0603;
  --udp-theme-sub-menu-active-bg: #e85f33;
  --udp-theme-nav-text-color: #fff;
  --udp-theme-menu-text: rgb(254 254 254 / 65%);
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #e85f33;
}

/* 绿宝石 */
html[data-theme='mingQing'] {
  --udp-theme-vxeColor: #13c2c2;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #13c2c2;
  --udp-theme-menu-bg: #032121;
  --udp-theme-menu-hover: rgb(89 191 193 / 15%);
  --udp-theme-sub-menu-bg: #000;
  --udp-theme-sub-menu-active-bg: #59bfc1;
  --udp-theme-nav-text-color: #7a80b4;
  --udp-theme-menu-text: #7a80b4;
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #59bfc1;
}

/* 酸橙绿 */
html[data-theme='auroraGreen'] {
  --udp-theme-vxeColor: #52c41a;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #52c41a;
  --udp-theme-menu-bg: #0b1e15;
  --udp-theme-menu-hover: rgb(96 172 128 / 15%);
  --udp-theme-sub-menu-bg: #000;
  --udp-theme-sub-menu-active-bg: #60ac80;
  --udp-theme-nav-text-color: #7a80b4;
  --udp-theme-menu-text: #7a80b4;
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #60ac80;
}

/* 明黄 */
html[data-theme='yellow'] {
  --udp-theme-vxeColor: #fadb14;
  --udp-theme-sub-menu-active-text: #fff;
  --udp-theme-project-text: #fadb14;
  --udp-theme-menu-bg: #2b2503;
  --udp-theme-menu-hover: #f6da4d;
  --udp-theme-sub-menu-bg: #0f0603;
  --udp-theme-sub-menu-active-bg: #f6da4d;
  --udp-theme-nav-text-color: #fff;
  --udp-theme-menu-text: rgb(254 254 254 / 65%);
  --udp-theme-sidebar-logo: #001529;
  --udp-theme-menu-title-hover: #fff;
  --udp-theme-menu-active-before: #f6da4d;
}