html2 {
    --name: 主题1;
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: #00000040;
    --item_bg_color: #00000038;
    --item_hover_color: #33333338;
    --item_left_title_color: #ffffff;
    --item_left_text_color: #ffffff;
    --footer_text_color: #ffffff;
    --left_tag_item: rgb(27 42 57 / 20%);
    --card_filter: 15px;
    --back_filter: 0px;
    --back_filter_color: #00000030;
     --fill:#ffffff;
}

html2 {

    /*图片模糊背景＋白色透明卡片+黑色svg*/
    --name: 主题2;
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #000000;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: rgb(121 163 231);
    --item_bg_color: rgba(249, 250, 251, 0.42);
    --item_hover_color: rgba(244, 245, 246, 0.8);
    --item_left_title_color: #000000;
    --item_left_text_color: #494949;
    --footer_text_color: #ffffff;
    --left_tag_item: #c7e1fa;
    --card_filter: 0px;
    --back_filter: 20px;
    --back_filter_color: #00000030;
     --fill:#000000;
}

html2 {
    /*蓝色渐变+黑色svg**/

    --name: 主题3;
    --main_bg_color: linear-gradient(50deg, #a2d1ff, #ffffff);
    --main_text_color: #000000;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #747bff;
    --text_bg_color: rgb(196 217 251);
    --item_bg_color: rgba(249, 250, 251, 0.5);
    --item_hover_color: rgba(244, 245, 246, 0.8);
    --item_left_title_color: #000000;
    --item_left_text_color: #494949;
    --footer_text_color: #222222;
    --left_tag_item: linear-gradient(50deg, #a2d1ff, #ffffff);
    --card_filter: 0px;
    --back_filter: 0px;
    --back_filter_color: #00000000;
     --fill:#000000;
}



html {
    /*图片模糊背景＋黑色透明卡片+白色svg+全局灰度**/
    --name: 主题4;
    filter: grayscale(100%); /* 100% 表示完全灰度，0% 表示正常颜色 */
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #ddceff;
    --textwriter_color: #ddceff;
    --text_bg_color: #00000040;
    --item_bg_color: #00000038;
    --item_hover_color: #33333338;
    --item_left_title_color: #ffffff;
    --item_left_text_color: #ffffff;
    --footer_text_color: #ffffff;
    --left_tag_item: rgb(27 42 57 / 20%);
    --card_filter: 0px;
    --back_filter: 19px;
    --back_filter_color: #00000030;
    --fill:#ffffff;
}


html[data-theme="Dark"] {
    --main_bg_color: url(../img/background-dark.png);
    --main_text_color: #e8e8e8;
    --gradient:linear-gradient(120deg, rgb(133, 62, 255), #f76cc6 30%, rgb(255, 255, 255) 60%);
    --purple_text_color: #abaef3;
    --textwriter_color: #abaef3;
    --text_bg_color: rgb(26, 4, 48);
    --item_bg_color: rgba(19, 20, 24, 0.668);
    --item_hover_color: rgb(19, 23, 27);
    --item_left_title_color: #e0e0e0;
    --item_left_text_color: rgb(142, 142, 142);
    --footer_text_color: rgb(142, 142, 142);
    --left_tag_item: linear-gradient(50deg, #1f2327, #000000);
    --card_filter: 0px;
    --back_filter: 8px;
    --back_filter_color: #00000030;
    --fill:#ffffff;
    --content_tag_bg_color:#cbceff;
    --code_bg_color:rgba(250, 250, 250, 0.38);
    --code_main_text_color:#181818;
}



/* 图片模糊背景＋黑色透明卡片+白色svg  */
html {
    --name: 主题5;
    filter: grayscale(0%);
    --main_bg_color: url(../img/background.jpg);
    --main_text_color: #eeeeee;
    --gradient: linear-gradient(120deg, #bd34fe, #e0321b 30%, #41d1ff 60%);
    --purple_text_color: #ddceff;
    --textwriter_color: #ddceff;
    --text_bg_color: #00000040;
    --item_bg_color: #00000038;
    --item_hover_color: #33333338;
    --item_left_title_color: #ffffff;
    --item_left_text_color: #ffffff;
    --footer_text_color: #ffffff;
    --left_tag_item: rgb(27 42 57 / 20%);
    --card_filter: 0px;
    --back_filter: 19px;
    --back_filter_color: #00000030;
    --fill:#ffffff;
    --content_tag_bg_color:#ddceff;
    --code_bg_color:rgba(250, 250, 250, 0.38);
    --code_main_text_color:#181818;
}
