Можно ли сделать градиентный цвет имени пользователя?

Я уже провел исследование и нашел этот код;

// Цвета для групп
.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;
  }
}

и вставил его в CSS, но это не работает.

Здравствуйте,

Похоже, что Premium — это основная группа пользователя, а остальная часть работает только для модераторов. Я думаю, именно поэтому у вас это не работает.

.names {
  // Эта часть работает только для пользователей, у которых основная группа — Premium
  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;
  }
}

Если вы хотите, чтобы это отображалось для всех, не используйте какую-либо группу. Просто уберите слово Premium, и это исправит проблему.

.names {
  // Эта часть работает для всех
  span 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;
  }
}

Screenshot 2022-08-14 at 20.51.41

Теперь я тоже модератор, поэтому :star: тоже отображается.

Screenshot 2022-08-14 at 20.52.05


Если вы хотите ограничить это группами, вы можете использовать код по умолчанию, который вы предоставили, но замените слово Premium на название вашей группы и не забудьте установить эту группу как основную для участников. :slightly_smiling_face:

Вот так :arrow_down_small:

.names {
  // Эта часть работает только для пользователей с указанной основной группой
  span.group_name 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;
  }
}

Спасибо, всё работает, но это не отображается в профиле. Как мне это настроить?