Edit: @[email protected] has designed a better solution using only CSS, and this should be used instead of the old script! If you’re reading this page for the first time, ignore this message.

This userstyle adds a red heart next to people that are from your home server, and any other servers that you manually define. Spot your server buddies out in the wild!

Instructions:

  1. Install Stylus extension for firefox/chrome

  2. “Write new style” in the addon settings

  3. Copy paste the CSS code below in

  4. Modify the code around line ~11 in order to reflect your homeserver and any additional frendservers that you want to highlight

  5. Modify the code around line ~19 to reflect your homeserver

  6. (Optional) If you’d like your homeserver buddies to have a different marker, uncomment the various sections around line ~27 through ~50 by removing the /* and */ bits

  7. (Optional) Play around with different markers and colors!

CSS/Userstyle: https://gist.github.com/redyoshi49q/f1b2d1da0a8f7536aba1f8c3110d2dd8

  • GodMEnglish
    2·
    2 years ago
    1. i had to edit many things, and then in the end i realized it wasn’t running bc the top @match did not match sh.itjust.works. in the end i’m using https://**/*, idk what that does but it matches.
    2. I excluded myself from the hearts. If you also don’t wanna add hearts to yourself because, well, you already know you are from your server, then you can add this to the line:
    const yourUsername = "username goes here"
if ((fromHomeServer || endsWithFrendServer) && username.href.split('/u/')[1] !== yourUsername)
    • Yote.zip@pawb.socialOPEnglish
      1·
      2 years ago

      weird. the screenshots I took were with the normal match - I’m using violentmonkey so maybe they have different match behavior? Does https://*/* work? I may just change the default to that if it doesn’t matter either way

      • GodMEnglish
        2·
        2 years ago

        hmmm seems to work now?? idk what happened before. (using https://*/*)