/*切换到深色主题*/
/*document.documentElement.classList.add('dark-theme');*/

/*恢复默认主题*/
/*document.documentElement.classList.remove('dark-theme');*/


/*默认黑*/
:root {
    --better-theme-bg-t: #1e384c; /*顶部背景色*/
    --better-theme-bg-l: #393d49; /*左侧背景色*/
    --better-theme-menu-hover: #4E5465; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #FFFFFF; /*按钮边框*/
    --better-button-primary-bg: #FFFFFF; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #FFFFFF; /*按钮边框*/
    --better-button-primary-bg-hover: #FFFFFF; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}

/*默认高级黑*/
.theme-root {
    --better-theme-bg-t: #1e384c; /*顶部背景色*/
    --better-theme-bg-l: #393d49; /*左侧背景色*/
    --better-theme-menu-hover: #4E5465; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #409EFF; /*按钮边框*/
    --better-button-primary-bg: #409EFF; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #66b1ff; /*按钮边框*/
    --better-button-primary-bg-hover: #66b1ff; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}


/*海蓝*/
.theme-blue {
    --better-theme-bg-t: #044ca9; /*顶部背景色*/
    --better-theme-bg-l: #0457C3; /*左侧背景色*/
    --better-theme-menu-hover: #4a91ed; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #0457C3; /*按钮边框*/
    --better-button-primary-bg: #0457C3; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #2684FF; /*按钮边框*/
    --better-button-primary-bg-hover: #2684FF; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}

/*嫣红*/
.theme-red {
    --better-theme-bg-t: #a1273b; /*顶部背景色*/
    --better-theme-bg-l: #AF2B41; /*左侧背景色*/
    --better-theme-menu-hover: #bf5567; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #AF2B41; /*按钮边框*/
    --better-button-primary-bg: #AF2B41; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #F74A64; /*按钮边框*/
    --better-button-primary-bg-hover: #F74A64; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}

/*明黄*/
.theme-yellow {
    --better-theme-bg-t: #a57203; /*顶部背景色*/
    --better-theme-bg-l: #B17900; /*左侧背景色*/
    --better-theme-menu-hover: #d7b66a; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #B17900; /*按钮边框*/
    --better-button-primary-bg: #B17900; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #F1AF20; /*按钮边框*/
    --better-button-primary-bg-hover: #F1AF20; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}

/*玄灰*/
.theme-grey {
    --better-theme-bg-t: #464e58; /*顶部背景色*/
    --better-theme-bg-l: #4F555D; /*左侧背景色*/
    --better-theme-menu-hover: #7c7c7c; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #4F555D; /*按钮边框*/
    --better-button-primary-bg: #4F555D; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #73859B; /*按钮边框*/
    --better-button-primary-bg-hover: #73859B; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}




/*森绿*/
.theme-green {
    --better-theme-bg-t: #0b7729; /*顶部背景色*/
    --better-theme-bg-l: #0E812E; /*左侧背景色*/
    --better-theme-menu-hover: #5ba03e; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #0E812E; /*按钮边框*/
    --better-button-primary-bg: #0E812E; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #43C869; /*按钮边框*/
    --better-button-primary-bg-hover: #43C869; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}

/*姹紫*/
.theme-purple {
    --better-theme-bg-t: #4721b3; /*顶部背景色*/
    --better-theme-bg-l: #5227CC; /*左侧背景色*/
    --better-theme-menu-hover: #7c6ccf; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #5227CC; /*按钮边框*/
    --better-button-primary-bg: #5227CC; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #9169FF; /*按钮边框*/
    --better-button-primary-bg-hover: #9169FF; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}

/*天青*/
.theme-skyblue {
    --better-theme-bg-t: #048194; /*顶部背景色*/
    --better-theme-bg-l: #008CA2; /*左侧背景色*/
    --better-theme-menu-hover: #77a4b6; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #008CA2; /*按钮边框*/
    --better-button-primary-bg: #008CA2; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #2BB9CF; /*按钮边框*/
    --better-button-primary-bg-hover: #2BB9CF; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}


/*橄榄*/
.theme-olive {
    --better-theme-bg-t: #5c940f; /*顶部背景色*/
    --better-theme-bg-l: #649D15; /*左侧背景色*/
    --better-theme-menu-hover: #81d26c; /*菜单滑过背景*/
    --better-theme-menu-hover-font: #FFFFFF; /*菜单滑过字体*/

    --better-button-primary-border: #649D15; /*按钮边框*/
    --better-button-primary-bg: #649D15; /*按钮背景*/
    --better-button-primary-color: #FFFFFF; /*按钮字体*/

    --better-button-primary-border-hover: #95CF44; /*按钮边框*/
    --better-button-primary-bg-hover: #95CF44; /*按钮背景*/
    --better-button-primary-color-hover: #FFFFFF; /*按钮字体*/
}