:root {
	--theme-color: #806af6;
	--hightlight-color: #9988f8;
	--light-color: #dfdafb;
	--active-color: #f4f3fc;
	--hover-color: #f0eefc;
	--font-color: #595959;
	--white-color: #fff;
}

[theme-mode='dark'] {
	--theme-color: #806af6;
	--hightlight-color: #9988f8;
	--light-color: #dfdafb;
	--active-color: #f4f3fc;
	--hover-color: #f0eefc;
	--font-color: #595959;
	--white-color: #fff;
}

/* 覆盖 element plus 样式*/
.el-form:not(.formInline) {
	&.dialog-form {
		.el-form-item:not(.selfWidth) {
			:first-child {
				max-width: 360px;
			}
		}

		.el-form-item {
			&.btns.selfWidth {
				margin-bottom: 0;
			}
		}
	}

	.el-divider {
		&.el-divider--horizontal {
			margin: 50px 0 24px;
		}
	}
}

/* 替换loading图标 */
.el-loading-spinner {
	svg {
		z-index: 999;
		background: url('../../src/asset/icons/ep--loading.png') no-repeat center
			center;
		background-size: contain;
		background-size: 25px 25px;

		circle {
			display: none;
		}
	}
}

/* table-v2斑马条纹样式 */
.el-table-v2__row:nth-child(odd) {
	background-color: #ffffff;
	/* 奇数行背景色 */
}

.el-table-v2__row:nth-child(even) {
	background-color: #f9f9f9;
	/* 偶数行背景色 */
}

/* 修改 NProgress 样式 */
#nprogress .bar {
	background: #806af6;
	/* 设置进度条颜色 */
	height: 2px;
	/* 设置进度条高度 */
}

#nprogress .spinner-icon {
	border-top-color: #806af6;
	/* 设置旋转圆圈的颜色 */
}