:root,:root[theme='classic']{
    --bg-color: #11C3FE;
    --text-color: #11C3FE;
    --border-color: #11C3FE;
    --hover-color: #41CFFE;
    --active-color: #0FB0E5;

    --side-list-color: #283044;
    --side-list-text-color: #FFFFFF;
    --side-hover-color: #394053;
    --side-active-color: #1A1F2C;
    --side-item-border: #394052;

    --table-text-color: #4E4E4E;
    --table-bg-color: #EAF0F4;
    --table-hover-color: #E6EFF9;
    --table-selected-color: #D9EDF7;

    --scroll-bg-color: #C1C1C1;

    --info-tip-border: #9AD0EB;
    --info-tip-bg: #F5FDFE;
    --info-tip-text: #12699B;
}

:root[theme='deepBlueColor']{
    --bg-color: #3377FF;
    --text-color: #3377FF;
    --border-color: #3377FF;
    --hover-color: #2E6DEA;
    --active-color: #2E6BE6;

    --side-list-color: #FFFFFF;
    --side-list-text-color: #696969;
    --side-hover-color: #DCE7FB;
    --side-active-color: #EBF2FF;
    --side-item-border: #FFF;

    --table-text-color: #FFF;
    --table-bg-color: #eef3fd;
    --table-hover-color: #DCE7FB;
    --table-selected-color: #EBF2FF;

    --scroll-bg-color: #ffffff;

    --info-tip-border: #ebf2ff;
    --info-tip-bg: #ebf2ff;
    --info-tip-text: #3377FF;
}