TheOnion.com – Dark [Ath] by Athari

/* ==UserStyle==
@name           TheOnion.com – Dark [Ath]
@namespace      athari
@version        1.0.0
@description    Dark theme for TheOnion.com.
@author         Athari (https://github.com/Athari)
@homepageURL    https://github.com/Athari/AthariUserCSS
@supportURL     https://github.com/Athari/AthariUserCSS/issues
@license        MIT
@preprocessor   default
==/UserStyle== */

@-moz-document domain("theonion.com") {
  :root {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;

    --wp--preset--color--primary-1: #084;
    --wp--preset--color--primary-2: #ccc;
    --wp--preset--color--secondary-1: #94D1B4;

    --wp--preset--color--shade-1: #999;
    --wp--preset--color--shade-2: #333;
    --wp--preset--color--shade-3: #ccc;

    color-scheme: dark;
    background: #111;
    color: #ddd;
  }

  .has-primary-2-background-color {
    background-color: #000 !important;
  }
  [style*="background-color:#f6f6f6"] {
    background-color: var(--wp--preset--color--shade-2) !important;
  }
  .wp-block-post-content > .wp-block-group:has([style^="background-color:#f3f3f3"]),
  .wp-block-post-content > .wp-block-group:has(#h-unlock-the-onion-vault) {
    display: none;
  }
  .slick-dots li button::before {
    color: var(--wp--preset--color--shade-1);
  }
  .custom-logo-link {
    filter: contrast(0.5) invert(1) brightness(0.8) saturate(8) hue-rotate(200deg);
  }
  .onion-part-footer.has-primary-2-background-color {
    background: var(--wp--preset--color--shade-2) !important;
  }
}