xvello

For those who want some relief from the Twitter/Musk drama, here are three cosmetic filters to add to your custom uBlockOrigin / AdGuard rules:

    news.ycombinator.com##tr.athing span.titleline > a:has-text(/\bTwitter\b/):upward(tr):remove()
    news.ycombinator.com##tr.athing span.titleline > a:has-text(/\bMusk\b/):upward(tr):remove()
    news.ycombinator.com##tr.spacer + tr:not(.athing):remove()

The first two ones remove the post title if it contains Twitter and/or Musk. The third one removes the second line and the spacer.

I also hide some machine learning topics with these rules:

    news.ycombinator.com##tr.athing span.titleline > a:has-text(/\bstable\Wdiffusion\b/i):upward(tr):remove()
    news.ycombinator.com##tr.athing span.titleline > a:has-text(/\bdall-e\b/i):upward(tr):remove()

I'll probably make that a configurable template for https://letsblock.it/ soon

Cosmetic filters are usually used to hide elements, but they can also be used to add CSS styles to the matching elements. Inspired by https://news.ycombinator.com/item?id=32719488, here are two rules to implement a dark mode on HN:

    news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg))
    news.ycombinator.com##body:style(background: white)

The first rule inverts all colors (white to black, orange to blue), then returns blues to oranges with a hue rotation. The second rule adds a black border in the margins around the main table (white + invert(100%) = black).

To use these rules:

- uBlockOrigin: open the preferences (right-click on the toolbar icon and cog icon, or via the extension list), and copy these in the "My filters" tab

- AdGuard: open the settings and copy these in the "User rules" section