dotfiles/qutebrowser/user.scss

#hnmain {  // hacker news
    zoom: 120%;
    background: #212121 !important;
    td[bgcolor="#ff6600"] {background: #4b5762 !important}
    .title a:link, .c00, .c00 a:link {color: #FFF !important}
    [action="comment"] {display:none}
}

#app-mount { //discord
    $back: primary, secondary, secondary-alt, tertiary;
    @each $i in $back {--background-#{$i}: transparent}

    --background-floating: rgba(0, 0, 0, .6);
    --channeltextarea-background: transparent;
    [class^="container"], section {background: transparent}
    #channels [class^="unread"] {background: #cfcdcf}

    $aria: gift, Help, Inbox, sidebar;
    @each $i in $aria {[aria-label$="#{$i}"] {display: none}}
    [class^="private"] [class^="search"], [href="/store"] {display: none}

    font-family: "Ubuntu Mono";
    background: url(
    "https://cdn.discordapp.com/attachments/773556458234052608/929383713932992512/0dKbZO5-16-9.webp"
)}

div.doc-container div.doc div {max-width: 666pt !important; margin: auto} // better docs mobiles
.docs-gm > #sheets-viewport > div { display: unset !important; }
.bridge-card { form, h5 {display:revert} .showmore {display:none} } // show rss-bridges
#years-table { .detail-view-container { display: flex } td { background-image: unset } } //quatalog detailed view

/* hide ads and invidious recommends */
$class: ad-frame-container, ad-panel, ad-slot, adsbygoogle, adbox, adunit,
adunit-wrapper, b_ad, leaderboard, "pure-u-lg-1-5:nth-child(3)";
@each $i in $class {.#{$i} {display:none}}

$div: 'class*=-ad-container', 'class*=ad-wrapper', 'id*=_ad_native',
'id^=div-gpt-ad', 'id^=google_ads_', 'id^=netboard_', 'id^=skyscraper';
@each $i in $div {div[#{$i}] {display:none}}

$id: ads, leaderboard, player-ads, rc-row-container;
@each $i in $id {##{$i} {display:none}}
/* --------------------------------- */

body>nav:nth-child(1):not([class]) {position: absolute} // nitter/libreddit/librex
body {
    --bg_panel: #232531;
    --bg_overlays: var(--bg_panel);
    --background: var(--bg_color);
    --foreground: var(--bg_hover);
    --green: var(--accent);
    --highlighted: var(--bg_hover);
    --outside: var(--post);
    --post: #333544;
    --panel-border: var(--post);
    --shadow: 0 1px 3px #00000055;
}

[id^="streamEntryBody"] {display: none} // lms show grades
.stream-grade.ng-hide { display: flex !important }

body>div#outer.wrapper { //ao3
    background: #000;
    color: #fff;
    #inner .actions, fieldset {
        a, select, input, span.current {
            background: #000;
            border: 1px solid #222;
            border-radius: .25em;
            color: #fff;
            box-shadow: none;
        }
    }
    a, fieldset, .comment, textarea, h4.byline, .navigation, #footer, .menu,
    a:hover, [role="menu-item"] a, .bookmark, .reading h4.viewed, ol.index.group { 
        background: #000;
        color: #fff;
    }
    fieldset, #user-bookmarks, .bookmark .user, .listbox, .listbox.index {
        background: #000;
        border: 1px solid #555;
        box-shadow: none;
        ol.index.group {box-shadow: none}
        ul.index.group {box-shadow: none; background: #000;}
        button, h3 {color: #fff}
    }

    dl.meta, li.blurb, li.comment {border-color: #555}
    a:visited, .work > li > div.header h4 a:visited {color: #999}
    #admin-banner, #header > ul.primary {display:none}
    h1.heading a, .splash .module h3, a:hover, li > div.header h4 a {color: MediumPurple}
    .secondary {box-shadow:none;background: #000;}
    #dashboard {border:none; .navigation.actions {border-top:none}}
    .user.home h2 {border-bottom: none}


    ul.work > li {
        &.share {display: none}
        a.collapsed {display: none}
        ul.secondary {
            border: none !important;
            display: inline !important;
            position: static;
            &:not(#chapter_index) > li:not(:nth-child(2)) {display: none}
        }
    }
    #main > div.splash > div.module:not(.readings) {display: none}
    #main > div.splash > div.module.readings {width:100%}
    #bookmark-form > form > fieldset > fieldset:nth-child(4) {display:none}

    .wrapper, .toggled, .toggled form {
        padding: 0;
        border: none;
        box-shadow: none;
    }
}

@media (prefers-color-scheme: dark) { [data-csrf-token] { // miniflux
    background: #000;
    color: #EEE;
    --entry-content-color: #EEE;
    --title-color: #EEE;
    --link-color: #EEE;

    select, textarea, input{
        background: #000 !important;
        color: #fff !important;
    }

    .item { border: 1px dotted #666}
    a:link {color: rgb(221, 221, 221);}
    .item-status-read .item-title > a:link {color: rgb(155, 148, 148);}
    .logo a span, .logo a:hover { color: #c88aff; }
} }