gists/Userstyles/Hacker News Dark.user.css

207 lines
3.0 KiB
CSS
Raw Normal View History

/* sizing */
html {
font-size: 15px;
}
2022-04-25 19:46:44 +00:00
/* 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 */
2022-04-25 16:53:49 +00:00
body {
background-color: #262626 !important;
}
2023-01-03 17:45:52 +00:00
table#hnmain,
input,
2022-04-25 19:46:44 +00:00
textarea {
2022-04-25 16:53:49 +00:00
background-color: #222 !important;
}
2023-01-03 17:45:52 +00:00
/* header */
2022-04-25 19:46:44 +00:00
table#hnmain > tbody > tr:first-child > td {
2022-04-25 16:53:49 +00:00
background-color: #ff6600 !important;
2022-04-25 19:46:44 +00:00
padding: 4px;
}
b.hnname {
margin: 0 8px 0 4px;
2022-04-25 16:53:49 +00:00
}
2022-04-25 19:46:44 +00:00
tr#pagespace {
height: 1rem !important;
2022-04-25 19:46:44 +00:00
}
/* text colors */
a:link {
color: #262626;
}
2023-01-03 17:45:52 +00:00
td.title a:link,
span.comment font,
span.comment font a:link,
2022-04-25 19:46:44 +00:00
table.fatitem td,
2023-01-03 17:45:52 +00:00
u a:link,
span.yclinks a:link,
2022-04-25 16:53:49 +00:00
body:not([id]),
2023-01-03 17:45:52 +00:00
td:nth-child(2):not(.subtext) > a:link,
input,
textarea,
p > a,
a > u,
.c00,
a[href="http://www.ycombinator.com/apply/"],
2022-04-25 21:06:05 +00:00
a[href="https://www.ycombinator.com/apply/"],
font[color="#000000"] {
2023-01-03 17:45:52 +00:00
color: #dee2e6;
2022-04-25 16:53:49 +00:00
}
2023-01-03 17:45:52 +00:00
.fatitem a:link,
.comment a:link {
color: #e59a6d; /*#72aed4;*/
}
.reply a:link {
color: #dee2e6;
}
.toptext a:link,
.commtext a:link {
text-decoration: underline;
}
2022-04-25 19:46:44 +00:00
.title,
.admin td,
2023-01-03 17:45:52 +00:00
.subtext a:link,
2022-04-25 19:46:44 +00:00
.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;
2022-04-25 19:46:44 +00:00
}
2022-04-25 21:01:04 +00:00
table.fatitem td.title {
font-size: 1.33rem;
2022-04-25 19:46:44 +00:00
}
table.fatitem td.subtext {
font-size: 0.9rem;
padding-bottom: 0.67rem;
2022-04-25 19:46:44 +00:00
}
span.pagetop {
font-size: 1rem;
2022-04-25 19:46:44 +00:00
}
span.pagetop > a {
2023-01-03 17:45:52 +00:00
margin: 0 3px;
2022-04-25 19:46:44 +00:00
}
td.subtext {
font-size: 0.8275rem;
2022-04-25 19:46:44 +00:00
color: #8b949e;
padding-top: 5px;
}
tr.spacer {
height: 0.75rem !important;
2022-04-25 19:46:44 +00:00
}
div.comment {
font-size: 0.9rem;
line-height: 1.3rem;
}
span.comhead {
font-size: 0.75rem;
}
span.comhead > a.hnuser {
font-weight: bold;
2022-04-25 16:53:49 +00:00
}
/* search box and comment box */
2022-04-25 19:46:44 +00:00
2023-01-03 17:45:52 +00:00
input,
2022-04-25 19:46:44 +00:00
textarea {
border: 2px solid #8b949e !important;
2022-04-25 16:53:49 +00:00
}
2022-04-25 19:46:44 +00:00
textarea {
padding: 10px 16px;
2022-04-25 21:09:37 +00:00
border-radius: 12px;
2022-04-25 19:46:44 +00:00
}
2022-04-25 21:09:37 +00:00
input[type="text"] {
padding: 6px 10px;
border-radius: 9px;
}
input[type="submit"] {
2022-04-25 19:46:44 +00:00
padding: 6px 16px;
border-radius: 1000px;
}
/* voting */
td.votelinks {
width: 32px;
}
2022-04-25 16:53:49 +00:00
.votearrow {
position: relative;
background: none;
2022-04-25 20:54:48 +00:00
margin: 6px 10px;
2022-04-25 16:53:49 +00:00
}
2023-01-03 17:45:52 +00:00
/* .rotate180 changes the down arrow direction already */
2022-04-25 16:53:49 +00:00
.votearrow::after {
content: '';
position: absolute;
2022-04-25 20:54:48 +00:00
top: 0;
2022-04-25 16:53:49 +00:00
left: 0;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
2022-04-25 19:46:44 +00:00
border-bottom: 9px solid #ced4da;
2022-04-25 16:53:49 +00:00
}
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;
}
}
2023-01-03 17:45:52 +00:00