gists/Userstyles/Hacker News Dark.user.css

@-moz-document domain("news.ycombinator.com") {
/* sizing */
html {
    font-size: 15px;
}

/* font family */

body,
td,
.title,
div.comment,
span.pagetop {
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/* background colors */

body {
    background-color: #262626 !important;
}

table#hnmain, 
input, 
textarea {
    background-color: #222 !important;
}

/* header */ 

table#hnmain > tbody > tr:first-child > td {
    background-color: #ff6600 !important;
    padding: 4px;
}

b.hnname {
    margin: 0 8px 0 4px;
}

tr#pagespace {
    height: 1rem !important;
}

/* text colors */

a:link {
    color: #262626;
}

td.title a:link, 
span.comment font, 
span.comment font a:link, 
table.fatitem td,
u a:link, 
span.yclinks a:link, 
body:not([id]),
td:nth-child(2):not(.subtext) > a:link, 
input, 
textarea, 
p > a, 
a > u, 
.c00, 
a[href="http://www.ycombinator.com/apply/"], 
a[href="https://www.ycombinator.com/apply/"],
font[color="#000000"] {
    color: #dee2e6;
}

    .fatitem a:link,
    .comment a:link {
        color: #e59a6d; /*#72aed4;*/
    }

    .reply a:link {
        color: #dee2e6;
    }

    .toptext a:link,
    .commtext a:link {
        text-decoration: underline;
    }

.title,
.admin td,
.subtext a:link, 
.subtext a:visited,
.comhead a:link,
a:visited {
    color: #8b949e;
}

/* font size and white space improvements */

td.title {
    font-size: 1.1rem;
}

table.fatitem td {
    font-size: 0.9rem;
    line-height: 1.3rem;
}

table.fatitem td.title {
    font-size: 1.33rem;
}

table.fatitem td.subtext {
    font-size: 0.9rem;
    padding-bottom: 0.67rem;
}

span.pagetop {
    font-size: 1rem;
}

span.pagetop > a {
    margin: 0 3px;    
}

td.subtext {
  font-size: 0.8275rem;
  color: #8b949e;
  padding-top: 5px;
}

tr.spacer {
    height: 0.75rem !important;
}

div.comment {
    font-size: 0.9rem;
    line-height: 1.3rem;
}

span.comhead {
    font-size: 0.75rem;
}

span.comhead > a.hnuser {
    font-weight: bold;
}

/* search box and comment box */

input, 
textarea {
    border: 2px solid #8b949e !important;
}

textarea {
    padding: 10px 16px;
    border-radius: 12px;
}

input[type="text"] {
    padding: 6px 10px;
    border-radius: 9px;
}

input[type="submit"] {
    padding: 6px 16px;
    border-radius: 1000px;
}

/* voting */

td.votelinks {
    width: 32px;
}

.votearrow {
    position: relative;
    background: none;
    margin: 6px 10px;
}

/* .rotate180 changes the down arrow direction already */
.votearrow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid #ced4da;
}

a.nosee {
    visibility: visible;
}

a.nosee .votearrow::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid #ff6600;
}

/* larger screens */

@media only screen and (min-width: 1440px) {
    html {
        font-size: 16px;
    }
}
}