ImageHider

Hides any images in various ways.

/* ==UserStyle==
@name               ImageHider
@namespace          sun/userstyles
@version            1.2.8
@description        Hides any images in various ways.
@compatible         chrome
@compatible         edge
@compatible         firefox
@compatible         opera
@compatible         safari
@homepageURL        https://forgejo.sny.sh/sun/userstyles
@supportURL         https://forgejo.sny.sh/sun/userstyles/issues
@contributionURL    https://liberapay.com/sun
@contributionAmount €1.00
@author             Sunny <sunny@sny.sh>
@icon               https://forgejo.sny.sh/sun/userstyles/raw/branch/main/icons/ImageHider.png
@copyright          2020-present, Sunny (https://sny.sh/)
@license            For Good Eyes Only; https://forgejo.sny.sh/sun/userstyles/src/branch/main/LICENSE.md
@preprocessor       stylus
@var                select   mode    "Mode"    ["d:Display", "v:Visibility*", "o:Opacity", "f:Opacity (filter)"]
@var                range    opacity "Opacity" [0.25, 0, 1, 0.01]
@var                checkbox force   "Force"   1
==/UserStyle== */

if force {
  img,
  canvas,
  picture,
  svg,
  video {
    if mode == d {
      display: none !important;
    }
    if mode == v {
      visibility: hidden !important;
    }
    if mode == o {
      opacity: opacity !important;
    }
    if mode == f {
      filter: opacity(opacity) !important;
    }
  }
  *,
  *:before,
  *:after {
    background-image: none !important;
  }
}
else {
  img,
  canvas,
  picture,
  svg,
  video {
    if mode == d {
      display: none;
    }
    if mode == v {
      visibility: hidden;
    }
    if mode == o {
      opacity: opacity;
    }
    if mode == f {
      filter: opacity(opacity);
    }
  }
  *,
  *:before,
  *:after {
    background-image: none;
  }
}