← All examples

Mastodon: highlight hashtags

Marks hashtags inside posts with a distinct background and bold weight so they catch the eye.

Code to copy

/* Highlight hashtag links inside status content */
.status__content a.mention.hashtag,
.status__content a[href*="/tags/"],
.detailed-status__content a[href*="/tags/"] {
  background: rgba(99, 100, 255, 0.12) !important;
  color: #6364ff !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.