andrew/gists
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improvements to HN Dark userstyle

Browse Source
This commit is contained in:
Andrew Gioia 2022-04-25 15:46:44 -04:00
parent 13686f1127
commit d0a38818b2
2 changed files with 110 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

156
Userstyles/Hacker News Dark.css
View File

@ -1,48 +1,135 @@
@-moz-document domain("news.ycombinator.com") { /* 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 { body {
background-color: #262626 !important; background-color: #262626 !important;
} }
body > center > table, input, textarea { table#hnmain,
input,
textarea {
background-color: #222 !important; background-color: #222 !important;
} }
body > center > table > tbody > tr:first-child > td { /* header */
table#hnmain > tbody > tr:first-child > td {
background-color: #ff6600 !important; background-color: #ff6600 !important;
padding: 4px;
} }
/* Bright text */ b.hnname {
td.title a:link, margin: 0 8px 0 4px;
span.comment font, }
span.comment font a:link,
u a:link, tr#pagespace {
span.yclinks a:link, height: 16px !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]), body:not([id]),
td:nth-child(2):not(.subtext) > a:link, td:nth-child(2):not(.subtext) > a:link,
input, input,
textarea, textarea,
p > a, p > a,
a > u, a > u,
.c00, .c00,
.c00 a:link, .c00 a:link,
a[href="http://www.ycombinator.com/apply/"], a[href="http://www.ycombinator.com/apply/"],
a[href="https://www.ycombinator.com/apply/"] { a[href="https://www.ycombinator.com/apply/"] {
color: #dee2e6 !important; color: #dee2e6 !important;
} }
.admin td { .title,
color: #aaa !important; .admin td,
.subtext a:link,
.subtext a:visited,
.comhead a:link,
a:visited {
color: #8b949e;
}
/* font size and white space improvements */
table.fatitem td,
td.title {
font-size: 16px;
}
table.fatitem td {
line-height: 22px;
}
table.fatitem td.subtext {
padding-bottom: 10px;
}
span.pagetop {
font-size: 15px;
}
span.pagetop > a {
margin: 0 3px;
}
td.subtext {
font-size: 12px;
color: #8b949e;
padding-top: 5px;
}
tr.spacer {
height: 10px !important;
}
div.comment {
font-size: 14px;
line-height: 19px;
} }
/* search box and comment box */ /* search box and comment box */
input, textarea {
border: 1px solid #828282 !important; input,
textarea {
border: 2px solid #8b949e !important;
} }
textarea {
padding: 10px 16px;
border-radius: 16px;
}
input {
padding: 6px 16px;
border-radius: 1000px;
}
/* voting */
.votearrow { .votearrow {
position: relative; position: relative;
background: none; background: none;
margin: 4px 10px; margin: 2px 10px 6px;
} }
.votearrow::after { .votearrow::after {
@ -54,7 +141,7 @@ input, textarea {
height: 0; height: 0;
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
border-bottom: 9px solid #ccc; border-bottom: 9px solid #ced4da;
} }
a.nosee { a.nosee {
@ -65,27 +152,4 @@ a.nosee .votearrow::after {
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
border-bottom: 9px solid #ff6600; border-bottom: 9px solid #ff6600;
} }
.title {
font-family: Inter, sans-serif;
font-size: 16px;
}
.subtext {
font-family: Inter, sans-serif;
font-size: 12px;
color: #aaa;
padding-top: 5px;
}
tr.spacer {
height: 10px !important;
}
.comment {
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 1.25rem;
}
}