GitHub: large sections unthemed about userstyles HOT 14 CLOSED

/* ==UserStyle==
@name           GitHub Patch Catppuccin
@namespace      github.com/openstyles/stylus
@version        0.1.1
@description    A temporary patch to GitHub, remove this when we get an update!
@author         FireIsGood
==/UserStyle== */
@-moz-document domain("github.com") {
  [data-color-mode="dark"][data-dark-theme="dark"] {
    /* Choose the accent here (yeah jank but idk lol) */
    --custom-accent: var(--pink);
    --custom-accent-rgb: var(--pink-rgb);

    /* Color accents */
    --fgColor-accent: var(--custom-accent);
    --color-accent-fg: var(--custom-accent);
    --underlineNav-borderColor-active: var(--custom-accent);
    --bgColor-accent-muted: rgb(var(--custom-accent-rgb) / 0.2);
    --bgColor-accent-emphasis: var(--custom-accent);
    --borderColor-accent-emphasis: var(--custom-accent);
    --color-social-reaction-bg-reacted-hover: rgb(var(--custom-accent-rgb) / 0.3);


    /* Main colors */
    --fgColor-default: var(--text);
    --fgColor-muted: var(--subtext1);

    --bgColor-default: var(--base);
    --bgColor-muted: var(--mantle);
    --overlay-bgColor: var(--surface0);
    --bgColor-inset: var(--crust);


    /* The colorful buttons */
    --color-btn-primary-bg: var(--green);

    --button-primary-fgColor-rest: var(--base);
    --button-primary-bgColor-rest: var(--green);
    --button-primary-fgColor-hover: var(--base);
    --button-primary-bgColor-hover: rgb(var(--green-rgb) / 0.9);
    --button-primary-fgColor-active: var(--base);
    --button-primary-bgColor-active: rgb(var(--green-rgb) / 0.9);

    --fgColor-onEmphasis: var(--base);
    --bgColor-open-emphasis: var(--green);


    /* The grey buttons */
    --color-btn-bg: var(--surface0);
    --color-btn-border: var(--surface0);
    --color-btn-hover-bg: var(--surface1);
    --color-btn-hover-border: var(--surface1);

    --button-default-bgColor-rest: var(--surface0);
    --button-default-bgColor-hover: var(--surface1);

    --buttonCounter-default-bgColor-rest: var(--surface2);


    /* Misc colored items */
    --color-open-emphasis: var(--green);

    --fgColor-success: var(--green);
    --borderColor-success-emphasis: var(--green);
  }
  
  /* Colors (currently Macchiato)
     go to https://unpkg.com/@catppuccin/[email protected]/css/catppuccin.css
     and then cut off namespace from the variables for your theme.
     This version removes the rgb/hsl from the text to save space.
  */
  :root {
    --rosewater: #f4dbd6;
    --rosewater-rgb: 244 219 214;
    --rosewater-hsl: 10.000 57.692% 89.804%;
    --flamingo: #f0c6c6;
    --flamingo-rgb: 240 198 198;
    --flamingo-hsl: 0.000 58.333% 85.882%;
    --pink: #f5bde6;
    --pink-rgb: 245 189 230;
    --pink-hsl: 316.071 73.684% 85.098%;
    --mauve: #c6a0f6;
    --mauve-rgb: 198 160 246;
    --mauve-hsl: 266.512 82.692% 79.608%;
    --red: #ed8796;
    --red-rgb: 237 135 150;
    --red-hsl: 351.176 73.913% 72.941%;
    --maroon: #ee99a0;
    --maroon-rgb: 238 153 160;
    --maroon-hsl: 355.059 71.429% 76.667%;
    --peach: #f5a97f;
    --peach-rgb: 245 169 127;
    --peach-hsl: 21.356 85.507% 72.941%;
    --yellow: #eed49f;
    --yellow-rgb: 238 212 159;
    --yellow-hsl: 40.253 69.912% 77.843%;
    --green: #a6da95;
    --green-rgb: 166 218 149;
    --green-hsl: 105.217 48.252% 71.961%;
    --teal: #8bd5ca;
    --teal-rgb: 139 213 202;
    --teal-hsl: 171.081 46.835% 69.020%;
    --sky: #91d7e3;
    --sky-rgb: 145 215 227;
    --sky-hsl: 188.780 59.420% 72.941%;
    --sapphire: #7dc4e4;
    --sapphire-rgb: 125 196 228;
    --sapphire-hsl: 198.641 65.605% 69.216%;
    --blue: #8aadf4;
    --blue-rgb: 138 173 244;
    --blue-hsl: 220.189 82.813% 74.902%;
    --lavender: #b7bdf8;
    --lavender-rgb: 183 189 248;
    --lavender-hsl: 234.462 82.278% 84.510%;
    --text: #cad3f5;
    --subtext1: #b8c0e0;
    --subtext0: #a5adcb;
    --overlay2: #939ab7;
    --overlay1: #8087a2;
    --overlay0: #6e738d;
    --surface2: #5b6078;
    --surface1: #494d64;
    --surface0: #363a4f;
    --base: #24273a;
    --mantle: #1e2030;
    --crust: #181926;
  }
}