vars.css

:root{
		--white:#fff;
		--black:#000;
		--primary-color:#6653f2;
		--primary-color-4:#cabafa;
		--primary-color-5:#b2a9f8;
		--primary-color-light-bg:#f7f6fe;
		--primary-color-dark-6:#282160;
		--warning-color: #ff9f18;
		--warning-color-8: #ffb246;
		--warning-text-color:#ee5506;
		--secondary-yellow-color: #fff546;
		--error-color:#ff4d4f;
		--text-color: #303133;
		--text-color-1: #181f2c;
		--text-secondary-color:#666666;
		--bg-color: #EEEEEE;
		--table-header-bg-color:#f2f2f2;
		--light-bg-color:#f8f9fc;
		--side-bg-color: #E8EBFC;
		--active-menu-bg-color:transparent;
		--menu-text-color:#2C374B;
		--submenu-text-color:#274A6a;
		--border-radius:8px;
		--box-shadow:0 0 8px 0 #D0D4DE;
		--border-color:#e1e3e6;
		--tab-bg-color: rgb(235, 235, 235);
		--collapse-border-color: #b3bfcf;
		--primary-button-hover-color: #8d7ef6;
		--primary-button-disabled-color: #c2bbf3;
}