:root {
    --color: #2D3139;
    --navBgColor: #F8F8F8;
    --headerBgColor: #FFFFFF;
    --headerTextColor: #2D3139;
    --headerTextHoverColor: #0d6efd;
    --themeBoxBgColor: #FFFFFF;
    --themeBoxHoverBgColor: #F7F7F7;
}
[data-theme="dark"] {
    --color: #FFFFFF;
    --navBgColor: #121418;
    --headerBgColor: #2D3139;
    --headerTextColor: #FFFFFF;
    --headerTextHoverColor: #0d6efd;
    --themeBoxBgColor: #515762;
    --themeBoxHoverBgColor: #2D3139;
}

.nav-logo-wrap {
    background: var(--navBgColor);
}
.nav-header .nav-tabList-items .nav-path-item .icon-jiantou {
    color: var(--headerTextColor);
}
.nav-header .nav-tabList-items .nav-path {
    color: var(--headerTextColor);
}
.nav-header .nav-tabList-items .nav-subList .nav-subList-item:hover {
    color: var(--headerTextHoverColor);
}
.nav-header .nav-tabList-items:hover .nav-path-item .nav-path,
.nav-header .nav-tabList-items:hover .nav-path-item .iconfont {
    color: var(--headerTextHoverColor);
}
.nav-header .nav-tabList-items.active .nav-path-item .nav-path,
.nav-header .nav-tabList-items.active .nav-path-item .icon-jiantou {
    color: var(--headerTextHoverColor);
}
.nav-header .nav-right .nav-lang {
    color: var(--color);
}
.auth-btn .icon-xiaoxi {
    color: var(--color);
}
.auth-btn .icon-xiaoxi:hover {
    color: var(--headerTextHoverColor);
}
.nav-header .auth-buttons .btn-login {
    color: var(--color);
}
.nav-header .auth-buttons .btn-login:hover {
    color: var(--headerTextHoverColor);
}
.nav-setting {
    color: var(--color);
}
.nav-setting:hover {
    color: var(--headerTextHoverColor);
}
.nav-header {
    background-color: var(--headerBgColor);
}
.nav-logo-wrap {
    background-color: var(--navBgColor);
    color: var(--color)!important;
}
.nav-wrap-right {
    background-color: var(--navBgColor);
}
.nav-logo-wrap .nav-lang {
    color: var(--color);
}
#themeSelect {
    background: var(--themeBoxBgColor);
}
#themeSelect .theme-item:hover {
    background: var(--themeBoxHoverBgColor);
}
.nav-logo-wrap .nav-tabList-items .nav-path-item .icon-jiantou {
    color: var(--headerTextColor);
}
.nav-logo-wrap .nav-tabList-items .nav-path {
    color: var(--headerTextColor);
}
.nav-logo-wrap .nav-tabList-items .nav-subList .nav-subList-item:hover {
    color: var(--headerTextHoverColor);
}
.nav-logo-wrap .nav-tabList-items:hover .nav-path-item #theme,
.nav-logo-wrap .nav-tabList-items:hover .nav-path-item .iconfont {
    color: var(--headerTextHoverColor);
}
.nav-logo-wrap .nav-tabList-items.active .nav-path-item .nav-path,
.nav-logo-wrap .nav-tabList-items.active .nav-path-item .icon-jiantou {
    color: var(--headerTextHoverColor);
}