¿Puedo hacer colores de nombre de usuario degradados?

Ya he investigado y encontrado ese código;

// Colores de los grupos
.names {
span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

y lo he pegado en CSS pero no funciona.

Hola,

Aquí parece que Premium es el grupo principal del usuario y la otra parte solo funciona para los moderadores. Creo que por eso no te está funcionando.

.names {
  // Esta parte solo funciona para usuarios cuyo grupo principal es Premium
  span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte solo funciona para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Si quieres que aparezca para todos, no deberías usar ningún grupo. Así que eliminar la palabra Premium lo solucionará.

.names {
  // Esta parte funciona para todos
  span a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte solo funciona para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Screenshot 2022-08-14 at 20.51.41

Ahora yo también soy moderador, así que el :star: también aparece.

Screenshot 2022-08-14 at 20.52.05


Si quieres restringirlo para grupos, puedes seguir el código predeterminado que compartiste, pero cambia la palabra Premium por el nombre de tu grupo y no olvides configurarlo para que el grupo sea principal para los miembros. :slightly_smiling_face:

Como esto :arrow_down_small:

.names {
  // Esta parte solo funciona para el grupo principal de los usuarios
  span.group_name a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte solo funciona para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Gracias, está funcionando pero no se muestra en el perfil, ¿cómo puedo configurarlo?