User:Bugghost/Scripts/UserRoleIndicator

UserRoleIndicator
DescriptionAdds an icon next to user links based on their role
AuthorsBugghost. Forked from UserHighlighterSimple, which was made by @Novem Linguae:, which in turn was forked from a script with many authors: @Chlod, Pythoncoder, Bellezzasolo, Theopolisme, Amalthea, and Ais523:
UpdatedJune 3, 2026
    (2 days ago)
SourceUser:Bugghost/Scripts/UserRoleIndicator.js

This script adds customisable little labels next to username links based on the user's user roles on the English Wikipedia. Works in signatures, mentions, in page histories/contribs, and elsewhere.

Forked from User:Novem Linguae's UserHighlighterSimple, and uses 90% of the same code. This fork just adds a little div with an emoji in it next to the link, rather than setting custom CSS on the link itself - signatures are (in most cases) left in-tact.

Installation

Go install User:Enterprisey/script-installer, then come back to this page and click the giant blue "Install" button in the infobox on the right.

Roles and default labels

The default labels used are emoji, but can be customised to be any text (see below). The default labels are:

The links are given a tooltip when hovering, like this, which states the full role.

The default symbol choices are a bit tongue-in-cheek - they shouldn't be taken too seriously.

The label is placed in a tasteful semitransparent box next to the username - it should fit in well in both dark and light colour schemes.

Note: unlike Novem Linguae/Scripts/UserHighlighterSimple, this script adds new inline elements to the DOM (rather than changing styles of existing DOM elements), and so can make contents of the page jump a small amount when initially loading.

Custom Labels / Placement

If you don't like the default emoji labels or tooltip texts, you can customise them to be anything you want, including just regular old text.

To do this, open up your common.js page and add this code:

window.UserRoleIndicatorCustomLabels = {
    wmf: ['๐ŸŒ', 'Wikimedia Foundation (WMF)'],
    bot: ['๐Ÿค–', 'Bot'],
    stewards: ['๐Ÿฉบ', 'Steward or Ombud'],
    arbcom: ['โš–๏ธ', 'Arbitration Committee member'],
    bureaucrats: ['๐Ÿ’ผโ€', 'Bureaucrat'],
    checkUsers: ['๐Ÿ•ต๏ธ', 'Check User'],
    admins: ['๐Ÿงน', 'Admin'],
    formerAdmins: ['๐Ÿšฌ', 'Former Admin'],
    newPageReviewers: ['๐Ÿ“‹', 'New page reviewer'],
    tenThousandEdits: ['๐Ÿ“š', 'More than 10,000 edits'],
    extendedConfirmed: ['๐Ÿ“˜', 'Extended confirmed'],
    lessThan500: ['๐Ÿฃ', 'Less than 500 edits'],
};

Modify any of the strings you want in there. The first item of the arrays is the content of the label that will appear next to the username. The second item is the tooltip label.

So for instance, if you wanted to do something different, you could have this setup:

window.UserRoleIndicatorCustomLabels = {
	wmf: ['this user is a WMF member', 'WMF'],
	stewards: ['steward coming through!!', 'Steward'],
	arbcom: ['โ† arb com ?!', 'arbcom'],
	bureaucrats: ['crat', 'Bureaucrat'],
	admins: ['๐Ÿ‘ฎโ€โ™€๏ธ๐Ÿ‘ฎโ€โ™‚๏ธ', 'admin'],
	formerAdmins: ['retired ๐Ÿ‘ฎโ€โ™€๏ธ๐Ÿ‘ฎโ€โ™‚๏ธ', 'old admin'],
	newPageReviewers: ['npp', 'New page reviewer'],
	tenThousandEdits: ['too many edits', 'More than 10,000 edits'],
	extendedConfirmed: ['normal amount of edits', 'Extended confirmed'],
	lessThan500: ['not enough edits', 'Less than 500 edits'],
};

Then save your common.js, and your custom labels will appear (it may require a hard refresh or cache clear to pick up the changes):

UserRoleIndicator custom examples.png

If you want the labels to appear before the user name, open up your common.js file and add this line:

this.window.UserRoleIndicatorCustomPlacement = "before";

Thanks to User:Penultimate_supper for the feature suggestion!

Bugs, feedback and suggestions

This is my first ever attempt at Wikipedia user script! If you have any issues or feedback, let me know.

As with any Unicode-on-the-web solution, your browser might display an ugly symbol instead of the intended one, depending on your browser version, your OS, the weather, and the current location of certain planets. If you are getting an ugly symbol instead of a nice one, check out the instructions above that let you customise the labels.

Note that this is mainly a fork of Novem Linguae/Scripts/UserHighlighterSimple, and the differences are largely cosmetic. Any issues with the icon rendering incorrectly is almost definitely a bug in this script - but issues identifying correct user roles may come from somewhere else - it could be worth trying to replicate using UserHighlighterSimple and seeing if any issue you're having is replicable there too.

Either way - let me know if you have any issues and I'll take a look and see if I can get to the bottom of it.

Updates

Now that other people are using this script I don't want to make many big changes, but I will occasionally when it's a safe, small non-controversial change.

  • Nov 5 2024 - As requested, added an option to enable the icons to appear before a user name, not just afterwards
  • Jan 22 2025 - Added CheckUser as a supported role. The icon is the gender-neutral detective ๐Ÿ•ต๏ธ (unicode U+1F575). See above for how to customise.
  • July 3 2026 - changed default label for NPP from ๐Ÿงบ to ๐Ÿ“‹. I've always hated the basket icon, it didn't make much sense. After being asked about it on the talk page I've made the clipboard emoji the default for everyone (I had been using it in my common.js for nearly a year now myself). If you want the basket back, see the section above on custom labels.

Todo

  • Add method of custom emoji choices
  • More thorough testing
  • Add installation instructions
  • Add image of custom labels in use
  • Find out what you're actually meant to do once you've made a userscript

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.