☰

TheOnion.com – Dark [Ath]

Dark theme for TheOnion.com.

当前为 2025-02-15 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           TheOnion.com – Dark [Ath]
  3. @namespace      athari
  4. @version        1.0.0
  5. @description    Dark theme for TheOnion.com.
  6. @author         Athari (https://github.com/Athari)
  7. @homepageURL    https://github.com/Athari/AthariUserCSS
  8. @supportURL     https://github.com/Athari/AthariUserCSS/issues
  9. @license        MIT
  10. @preprocessor   default
  11. ==/UserStyle== */
  12.  
  13. @-moz-document domain("theonion.com") {
  14.   :root {
  15.     --wp--preset--color--black: #000000;
  16.     --wp--preset--color--cyan-bluish-gray: #abb8c3;
  17.     --wp--preset--color--white: #ffffff;
  18.     --wp--preset--color--pale-pink: #f78da7;
  19.     --wp--preset--color--vivid-red: #cf2e2e;
  20.     --wp--preset--color--luminous-vivid-orange: #ff6900;
  21.     --wp--preset--color--luminous-vivid-amber: #fcb900;
  22.     --wp--preset--color--light-green-cyan: #7bdcb5;
  23.     --wp--preset--color--vivid-green-cyan: #00d084;
  24.     --wp--preset--color--pale-cyan-blue: #8ed1fc;
  25.     --wp--preset--color--vivid-cyan-blue: #0693e3;
  26.     --wp--preset--color--vivid-purple: #9b51e0;
  27.  
  28.     --wp--preset--color--primary-1: #084;
  29.     --wp--preset--color--primary-2: #ccc;
  30.     --wp--preset--color--secondary-1: #94D1B4;
  31.  
  32.     --wp--preset--color--shade-1: #999;
  33.     --wp--preset--color--shade-2: #333;
  34.     --wp--preset--color--shade-3: #ccc;
  35.  
  36.     color-scheme: dark;
  37.     background: #111;
  38.     color: #ddd;
  39.   }
  40.  
  41.   .has-primary-2-background-color {
  42.     background-color: #000 !important;
  43.   }
  44.   [style*="background-color:#f6f6f6"] {
  45.     background-color: var(--wp--preset--color--shade-2) !important;
  46.   }
  47.   .wp-block-post-content > .wp-block-group:has([style^="background-color:#f3f3f3"]),
  48.   .wp-block-post-content > .wp-block-group:has(#h-unlock-the-onion-vault) {
  49.     display: none;
  50.   }
  51.   .slick-dots li button::before {
  52.     color: var(--wp--preset--color--shade-1);
  53.   }
  54.   .custom-logo-link {
  55.     filter: contrast(0.5) invert(1) brightness(0.8) saturate(8) hue-rotate(200deg);
  56.   }
  57.   .onion-part-footer.has-primary-2-background-color {
  58.     background: var(--wp--preset--color--shade-2) !important;
  59.   }
  60. }