Flagging links with StopTheMadness Pro

StopTheMadness Pro is an essential Safari extension. It fixes numerous usability issues that you might encounter on websites. I recently found a great use for its custom style feature: flagging links to certain sites that I almost never want to visit, like Twitter/X. I wrote some imperfect but effective CSS that puts a flag at the end of any link that matches the rules.

Flagged links look like this: A link to a Twitter post [🛑 X].

The links that get flagged are

  • Twitter/X
  • TikTok
  • Instagram
  • Facebook
  • Threads
  • Medium
  • Substack
  • Youtube (nothing against Youtube; I just want to know it’s a video before I click the link)

Here’s the CSS:

To use this yourself:

  1. Open the StopTheMadness Pro extension in Safari.
  2. Make sure Website is set to My default options for all websites.
  3. Copy and paste the CSS into the custom <style> element box. On Mac, this is the box labeled “Enter your CSS to load in a custom <style> element.” On iPhone and iPad, it’s the box labeled “Custom <style> element.”
StopTheMadness Pro preferences window on Mac StopTheMadness Pro preferences window on iOS StopTheMadness Pro preferences window on iOS