: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; }