← Все примеры

Mastodon: выделить упоминания @

Окрашивает упоминания @пользователь зелёным фоном для отличия от хэштегов и ссылок.

Код для копирования

/* Tint @mentions to separate them from regular links */
.status__content a.mention:not(.hashtag),
.status__content a[href*="/@"]:not([href*="/tags/"]) {
  color: #2e8b57 !important;
  font-weight: 600 !important;
  background: rgba(46, 139, 87, 0.1) !important;
  padding: 1px 4px !important;
  border-radius: 3px !important;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.