Dashboard customization

In this page, you will find the CSS code for the dashboard customization:

/* Dashboard CSS */

/* Title */
.dashboard-header__title {
  color: #0ED9FE !important;
}

.dashboard-grid-item__title span {
  color: #624FE8;
}

/* Filter buttons */
.beMgwO {
  background-color: #2E2B4A !important;
  border: 1px solid #0ED9FE !important;
}

.hQEjLc {
  color: #0ED9FE !important;
}

.hSYCNm {
  color: #18A9E4;
}

.dnCQIL {
  color: #624FE8 !important;
}

.laFPgZ {
  color: #18A9E4;
}

.dqRdjb:nth-child(0) {
  color: #18A9E4;
}

.dqRdjb:nth-child(1) {
  color: #0154C4;
}

/* Banner & Filter */
.dashboard-header-filters-banner {
  border-bottom: none !important;
  padding: 16px 32px !important;
  background-color: #26233E !important;
  border-radius: 4px;
}

.dashboard-header__main-banner {
  border-bottom: none !important;
}

/* Container */
.embed-client-container,
.dashboard-layout__content,
.dashboard-header__main-banner {
  background-color: #2E2B4A !important;
}

/* Item grid */
.dashboard-grid-item {
  border: 2px solid #0ED9FE !important;
}

.dashboard-grid-item__header {
  border-color: #0ED9FE !important;
  background-color: #221F3A;
}

Last updated