.user-role-6 {
  --user-role-accent: #008000;
  --user-role-background: #00800019;
  --user-role-border: #00800080;
}

.user-role-3 {
  --user-role-accent: #800080;
  --user-role-background: #80008019;
  --user-role-border: #80008080;
}

.user-role-2 {
  --user-role-accent: #ff00d0;
  --user-role-background: #ff00d019;
  --user-role-border: #ff00d080;
}

.user-role-7 {
  --user-role-accent: #d3d6d8;
  --user-role-background: #d3d6d819;
  --user-role-border: #d3d6d880;
}

.user-role-5 {
  --user-role-accent: #ffd700;
  --user-role-background: #ffd70019;
  --user-role-border: #ffd70080;
}

.user-role-4 {
  --user-role-accent: #4169e1;
  --user-role-background: #4169e119;
  --user-role-border: #4169e180;
}