.dark {
    /*popper背景颜色*/
    --e-popover-background-color: #312a2a;
    /*popper padding大小*/
    --e-popover-padding: 20px;
    /*popper字体颜色*/
    --e-popover-color: #e4dddd;
    /*popper圆角半径*/
    --e-popover-border-radius: 6px;
    /*popper边框样式*/
    --e-popover-border-style: solid;
    --e-popover-border-width: 0px;
    --e-popover-border-color: #eeeeee;
    /*popper阴影*/
    --e-popover-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);
    /*popper hover状态下背景颜色*/
    --e-popover-background-color-hover: #312a2a;

    /*图标字体颜色*/
    --e-icon-color: #e4dddd;
    /*滑道背景颜色*/
    --e-thumb-background-color: #f2f3f3;
    /*输入框前图标边框颜色*/
    --e-input-prefix-icon-border-color: #dcdfe6;
    /*输入框前图标背景颜色*/
    --e-input-prefix-icon-background-color: #312a2a;
    /*输入框背景颜色*/
    --e-input-inner-background-color: #312a2a;
    /*输入框边框颜色*/
    --e-input-inner-border-color: #dcdfe6;
    /*输入框字体颜色*/
    --e-input-inner-color: #e4dddd;
    /*输入框获取焦点时边框颜色*/
    --e-input-inner-focus-border-color: #409EFF;
    /*输入框禁用时背景颜色*/
    --e-input-inner-disabled-background-color: #f5f7fa;
    /*输入框禁用时边框颜色*/
    --e-input-inner-disabled-border-color: #dcdfe6;
    /*输入框禁用时字体颜色*/
    --e-input-inner-disabled-color: #c0c4cc;
    /*图标选择器列表图标宽度*/
    --e-icon-picker-icon-list-width: 30px;
    /*图标选择器列表图标外边距*/
    --e-icon-picker-icon-list-margin: 5px;
    /*图标选择器列表图标大小*/
    --e-icon-picker-icon-list-font-size: 20px;
    /*输入框large下字体大小*/
    --e-input-font-size-large: 14px;
    /*输入框small下字体大小*/
    --e-input-font-size-small: 12px;
    /*输入框default下字体大小*/
    --e-input-font-size-default: 12px;
    /*输入框small下高度*/
    --e-input-height-small: 24px;
    /*输入框default下高度*/
    --e-input-height-default: 32px;
    /*输入框large下高度*/
    --e-input-height-large: 40px;
    /*当无图标时显示的文字颜色*/
    --e-icon-picker-icon-list-no-data-color: rgba(60, 60, 60, .7)
}

.light {
    /*popper背景颜色*/
    --e-popover-background-color: #ffffff;
    /*popper padding大小*/
    --e-popover-padding: 20px;
    /*popper字体颜色*/
    --e-popover-color: #333333;
    /*popper圆角半径*/
    --e-popover-border-radius: 6px;
    /*popper边框样式*/
    --e-popover-border-style: solid;
    --e-popover-border-width: 1px;
    --e-popover-border-color: #eeeeee;

    /*popper阴影*/
    --e-popover-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);
    /*popper hover状态下背景颜色*/
    --e-popover-background-color-hover: #ffffff;


    /*图标字体颜色*/
    --e-icon-color: #333333;
    /*滑道背景颜色*/
    --e-thumb-background-color: #303133;
    /*输入框前图标边框颜色*/
    --e-input-prefix-icon-border-color: #dcdfe6;
    /*输入框前图标背景颜色*/
    --e-input-prefix-icon-background-color: #f5f7fa;
    /*输入框背景颜色*/
    --e-input-inner-background-color: #ffffff;
    /*输入框边框颜色*/
    --e-input-inner-border-color: #dcdfe6;
    /*输入框字体颜色*/
    --e-input-inner-color: #606266;
    /*输入框获取焦点时边框颜色*/
    --e-input-inner-focus-border-color: #409EFF;
    /*输入框禁用时背景颜色*/
    --e-input-inner-disabled-background-color: #f5f7fa;
    /*输入框禁用时边框颜色*/
    --e-input-inner-disabled-border-color: #dcdfe6;
    /*输入框禁用时字体颜色*/
    --e-input-inner-disabled-color: #c0c4cc;
    /*图标选择器列表图标宽度*/
    --e-icon-picker-icon-list-width: 30px;
    /*图标选择器列表图标外边距*/
    --e-icon-picker-icon-list-margin: 5px;
    /*图标选择器列表图标大小*/
    --e-icon-picker-icon-list-font-size: 20px;
    /*输入框large下字体大小*/
    --e-input-font-size-large: 14px;
    /*输入框small下字体大小*/
    --e-input-font-size-small: 12px;
    /*输入框default下字体大小*/
    --e-input-font-size-default: 12px;
    /*输入框small下高度*/
    --e-input-height-small: 24px;
    /*输入框default下高度*/
    --e-input-height-default: 32px;
    /*输入框large下高度*/
    --e-input-height-large: 40px;
    /*当无图标时显示的文字颜色*/
    --e-icon-picker-icon-list-no-data-color: #f5f7fa
}