role colors

[static imp]

ok but how do your roles have a matching color background; that looks so cool

[sand hound]

/* Role background color */
:where([class^=biteSizeInner_], [class^=userProfileModalInner_]) [class^="role_"] {
  transform: translate(0);
  overflow: hidden;
  border: 0;
  --transparency: .4;
  /*Change Background Opacity*/
  border-radius: 5px;
  /*Change Roundness of Roles*/
}
:where([class^=biteSizeInner_], [class^=userProfileModalInner_]) [class^="role_"] [class^="roleRemoveIcon_"]  {
  margin: 0;
  left: unset;
  transform: translate(16%, -48%);
}
:where([class^=biteSizeInner_], [class^=userProfileModalInner_]) [class^="role_"] [class^="roleRemoveButton_"] {
  position: static;
}
:where([class^=biteSizeInner_], [class^=userProfileModalInner_]) [class^="role_"] [class^="roleCircle_"]:after {
  content: '';
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: var(--transparency);
}```

[static imp]

thank you!

[sand hound]

hey i actually recommend this one, the one i provided breaks it in some cases.

.role_f9575e {
  transform: translate(0);
  overflow: hidden;
  border: 0;

  --transparency: .4;
  /*Change Background Opacity*/
  border-radius: 5px;
  /*Change Roundness of Roles*/
}
.role_f9575e .roleRemoveIcon_f9575e {
  margin: 0;
  left: unset;
  transform: translate(16%, -48%);
}
.role_f9575e .roleRemoveButton_f9575e {
  position: static;
}
.role_f9575e .roleCircle_f9575e:after {
  content: '';
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: var(--transparency);
}
/* --------------- Separated the code due to position difference */
.role_e4010c {
  transform: translate(0);
  overflow: hidden;
  border: 0;

  --transparency: .4;
  border-radius: 5px;
}
.role_e4010c .roleRemoveIcon_e4010c {
  margin: 0;
  left: unset;
  transform: translate(50%,-50%);
}
.role_e4010c .roleRemoveButton_e4010c {
  position: static;
}
.role_e4010c .roleCircle_a26d7b:after {
  content: '';
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: var(--transparency);
}```

[static imp]

o ok thanks 🙏

[chrome girder]

could you make the borders of the activiy and profile info a gradient with the 2nd profile colour (with nitro) and not the main one?

so i assume the primary + secondary

[prisma egret]

I want some border

Help me

[proven mason]

what no way it's me :D

[static imp]

w