.theme-primary {
  background-color: rgb(var(--v-theme-primary)) !important;
  color: rgb(var(--v-theme-n-primary)) !important;
}

.theme-secondary {
  background-color: rgb(var(--v-theme-secondary)) !important;
  color: rgb(var(--v-theme-n-secondary)) !important;
}

.theme-neutral-strong {
  background-color: rgb(var(--v-theme-neutral-strong)) !important;
  color: rgb(var(--v-theme-n-neutral-strong)) !important;
}

.theme-neutral {
  background-color: rgb(var(--v-theme-neutral)) !important;
  color: rgb(var(--v-theme-n-neutral)) !important;

  a {
    color: rgb(var(--v-theme-nc-neutral)) !important;
  }
}

.theme-neutral-soft {
  background-color: rgb(var(--v-theme-neutral-soft)) !important;
  color: rgb(var(--v-theme-n-neutral-soft)) !important;
}

.theme-danger {
  background-color: rgb(var(--v-theme-danger)) !important;
  color: rgb(var(--v-theme-n-danger)) !important;
}

.theme-success {
  background-color: rgb(var(--v-theme-success)) !important;
  color: rgb(var(--v-theme-n-success)) !important;
}

.theme-warning {
  background-color: rgb(var(--v-theme-warning)) !important;
  color: rgb(var(--v-theme-n-warning)) !important;
}

.theme-info {
  background-color: rgb(var(--v-theme-info)) !important;
  color: rgb(var(--v-theme-n-info)) !important;
}

.theme-x-create-btn {
  background-color: rgb(var(--v-theme-x-create-btn)) !important;
  color: rgb(var(--v-theme-n-x-create-btn)) !important;
}