My custom HN UserStyles

hackernews.stylus.css

/* ==UserStyle==
@name           news.ycombinator.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://news.ycombinator.com/") {
    :root {
        --bg-color: #222;
        --font-color: #eee;
        --link-color: #ccc;
        --visited-link: #aaa;
        --highlight: #ba6af7;
        --indent-width: 24px;
    }

    html {
        background-color: var(--bg-color);
    }

    body {
        margin: 0;
    }
    
    td {
        color: #aaa;
    }

    #hnmain {
        width: 100%;
        background-color: var(--bg-color);
        color: var(--font-color);
    }

    a:link {
        color: var(--font-color);
    }

    a:visited {
        color: var(--visited-link);
    }

    #hnmain > tbody > tr:first-child td:first-child {
        padding: 0.75rem 1rem;
    }

    #hnmain tr:first-child td:first-child td:has(img) {
        display: none;
    }

    #hnmain #pagespace + tr:not(.comtr) td table {
        padding: .75rem;
    }
    
    #bigbox > td {
        padding-left: 3rem;
    }

    .rank {
        display: none;
    }
    
    .hnname {
        padding-right: 1rem;
    }

    .title {
        font-size: 1rem;
    }

    .subtext {
        padding: .25rem 0;
    }

    .subline {
        font-size: .8rem;
    }

    .votearrow {
        width: 1rem;
        height: 1rem;
        background-size: cover;
    }

    .commtext {
        color: #fff;
    }

    .commtext a:link {
        color: var(--link-color);
    }

    .commtext a:visited {
        color: var(--visited-link);
    }
    
    .comhead {
        font-size: 12px;
    }

    .comhead a:link {
        color: var(--visited-link);
    }

    .ind[indent="1"] {
        --ind-width: 1;
    }

    .ind[indent="2"] {
        --ind-width: 2;
    }

    .ind[indent="3"] {
        --ind-width: 3;
    }

    .ind[indent="4"] {
        --ind-width: 4;
    }

    .ind[indent="5"] {
        --ind-width: 5;
    }

    .ind[indent="6"] {
        --ind-width: 6;
    }

    .ind[indent="7"] {
        --ind-width: 7;
    }

    .ind[indent="8"] {
        --ind-width: 8;
    }

    .ind[indent="9"] {
        --ind-width: 9;
    }

    .ind[indent="10"] {
        --ind-width: 10;
    }
    

    .ind[indent="11"] {
        --ind-width: 11;
    }

    .ind[indent="12"] {
        --ind-width: 12;
    }

    .ind {
        max-width: calc(var(--indent-width) * var(--ind-width, 1));
    }
}