html[data-theme=dark] {
    /* 头部 */
    --bg: #1B212F;
    --header_bg: #232943;
    --logo_url: url(../img/logo_dark.png);
    --logo_text: #fff;
    --header_nav_text: #FFFFFF;
    /* 左侧 */
    --leftPart_bg: #232943;
    --left_text: #FFFFFF;
    --ip_text: #838BAA;
    --module_title_url: url(../img/open_dark.png);
    --module_title_active_url: url(../img/select2_dark.png);
    --theme_icon_url: url(../img/theme_dark.png);
    --search_input_bg: #1B202F;
    --search_icon_url: url(../img/search_dark.png);
    --search_input_color: #fff;
    /* 中间 */
    --middlePart: #242A43;
    --middle_table_head_text: #8C95BA;
    --middle_table_tbody_text: #FFFFFF;
    --middle_table_head_bg: #343F5E;
    --middle-table-border-color: #434C6F;
    /* 数据组合tag标签 */
    --tag_bg: #343F5E;
    --tag_active_bg: #2872C9;
    --tag_text1: #FFFFFF;
    --tag_text2: #CCCCCC;
    --tag_active_text1: #FFFFFF;
    /* 空状态文字颜色 */
    --empty_text1: #FFFFFF;
    --empty_text2: #afafaf;
    /*  订购年限 */
    --add_icon_url: url(../img/add_dark_icon.png);
    --minus_icon_url: url(../img/minus_dark_icon.png);
    --icon_bg: #434C6F;
    --calc_text_bg: transparent;
    /* 时间选择容器 */
    --time_select_bg: #343F5E;
    --time_icon_url: url(../img/time_dark_icon.png);
    --time_text: #FFFFFF;
    /* 时间插件 */
    --date_picker_bg: #343F5E;
    --date_picker_footer_bg: transparent;
    --date_picker_header_text: #d2d2d2;
    --date_picker_td_text: #FFF;
    /* 功能按钮 */
    --func_btn_bg: url(../img/sprite_dark.png);
    /* 表格列筛选 */
    --select_column_bg: #343F5E;
    --select_column_text: #FFFFFF;
    /* 分页 */
    --page_item_bg: #343F5E;
    --page_item_text: #AAAAAA;
    --page_curr_bg: #2872C9;
    --page_border_color: #AAAAAA;
}

:root {
    /* 头部 */
    --bg: #F7F8FC;
    --header_bg: #FFFFFF;
    --logo_url: url(../img/logo_light.png);
    --logo_text: #333;
    --header_nav_text: #333333;
    /* 左侧 */
    --leftPart_bg: #FFF;
    --left_text: #333333;
    --ip_text: #666666;
    --module_title_url: url(../img/open.png);
    --module_title_active_url: url(../img/select2.png);
    --theme_icon_url: url(../img/sum_icon.png);
    --search_input_bg: #F5F5F5;
    --search_icon_url: url(../img/search.png);
    --search_input_color: #333;
    /* 中间 */
    --middlePart: #FFF;
    --middle_table_head_text: #333333;
    --middle_table_tbody_text: #666666;
    --middle_table_head_bg: #F8F8F8;
    --middle-table-border-color: #F2F2F2;
    /* 数据组合tag标签 */
    --tag_bg: #F5F5F5;
    --tag_active_bg: #EEF6FF;
    --tag_text1: #333333;
    --tag_text2: #AAAAAA;
    --tag_active_text1: #2872C9;
    /* 空状态文字颜色 */
    --empty_text1: #000000;
    --empty_text2: #666666;
    /*  订购年限 */
    --add_icon_url: url(../img/add_icon.png);
    --minus_icon_url: url(../img/minus_icon.png);
    --icon_bg: #F5F5F5;
    --calc_text_bg: #FFF;
    /* 时间选择容器 */
    --time_select_bg: #F8F8F8;
    --time_icon_url: url(../img/time_icon.png);
    --time_text: #666666;
    /* 时间插件 */
    --date_picker_bg: #FFF;
    --date_picker_footer_bg: #FFF;
    --date_picker_header_text: #333;
    --date_picker_td_text: #666;
    /* 功能按钮 */
    --func_btn_bg: url(../img/sprite_light.png);
    /* 表格列筛选 */
    --select_column_bg: #FFF;
    --select_column_text: #606266;
    /* 分页 */
    --page_item_bg: #ffffff;
    --page_item_text: #333;
    --page_curr_bg: #16baaa;
    --page_border_color: #eee;
}