:root {
    /* 主要色调*/
    --mainColor: #0078D4;
    --mainColor2: rgba(0, 120, 212, 0.2);
    --mainColor1: rgba(0, 120, 212, 0.1);
    --successColor: #28A745;
    --successColor2: rgba(40, 167, 69, 0.2);
    --successColor1: rgba(40, 167, 69, 0.1);
    --warningColor: #daa520;
    --warningColor2: rgba(218, 165, 32, 0.2);
    --warningColor1: rgba(218, 165, 32, 0.1);
    --errorColor: #c82333;
    --errorColor2: rgba(200, 35, 51, 0.2);
    --errorColor1: rgba(200, 35, 51, 0.1);
    --infoColor: #708090;
    --infoColor2: rgba(112, 128, 144, 0.2);
    --infoColor1: rgba(112, 128, 144, 0.1);
    --highlightInfoColor: #20B0DD;
    --highlightInfoColor2: rgba(32, 176, 221, 0.2);
    --highlightInfoColor1: rgba(32, 176, 221, 0.1);
    --starColor: #FFAF00;
    --mainColorHover: #004578;
    --chartAbsentColor: #D62828;
    --chartEarlyColor: #F77F00;
    --chartDelayColor: #FCBF49;
    --chartOkColor: #28A745;
    --chartNoDataColor: #50ACD3;

    /* 文字*/
    --headerTextColor: rgba(240, 240, 240, 0.8);
    --headerActiveColor: #F0F0F0;
    --mainTextColor: #383838;
    --normalTextColor: #606266; /* 96, 98 ,102 */
    --minorTextColor: #909399;
    --placeholderColor: #C0C4CC;
    --whiteTextColor: #FFFFFF;

    /* 边框*/
    --baseBorderColor: #DCDFE6;
    --lightBorderColor: #E4E7ED;
    --lighterBorderColor: #EBEEF5;
    --lightestBorderColor: #F2F6FC;
    --activeBorderColor: #0066B8;

    /* 背景*/
    --whiteBackground: #FFFFFF;
    --lighterBackground: #EBEEF5;
    --lighterBackground1: #F9F9F9;
    --lightestBackground: #F2F2F2;
    --hoverBackgroundColor: #F2F6FC;

    /* table*/
    --tableStriped: rgba(255, 255, 255, 0.5);
    --tableHeader: #EBEEF5;
    --tableBackground: #F8F9FB;

    /* deviceColor */
    --deviceUsing: #28A745;
    --deviceStanby: #DAA520;
    --deviceOutlineInBlack: #FFFFFF;
    --deviceOutlineInWhite: #606266
}