Posso fazer cores de nome de usuário em gradiente?

Já pesquisei e encontrei esse código;

// Gruplara ait renkler
.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;
  }
}

e colei no CSS, mas não está funcionando.

Olá,

Aqui parece que Premium é o grupo principal do usuário e a outra parte funciona apenas para moderadores. Acho que é por isso que não está funcionando para você.

.names {
  // Esta parte funciona apenas para usuários cujo grupo principal é 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 funciona apenas para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Se você quiser que apareça para todos, não deve usar nenhum grupo. Então, remover a palavra Premium corrigirá isso.

.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 funciona apenas para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Screenshot 2022-08-14 at 20.51.41

Agora eu também sou moderador, então o :star: também aparece.

Screenshot 2022-08-14 at 20.52.05


Se você quiser restringir para grupos, pode seguir o código padrão que você compartilhou, mas mude a palavra Premium para o nome do seu grupo e não se esqueça de definir o grupo como principal para os membros. :slightly_smiling_face:

Assim :arrow_down_small:

.names {
  // Esta parte funciona apenas para usuários do grupo principal
  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 funciona apenas para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Obrigado, está funcionando, mas não está aparecendo no perfil. Como posso configurar isso?