Skip to content

Instantly share code, notes, and snippets.

@brunomiguel
Created January 9, 2025 15:33
Show Gist options
  • Save brunomiguel/6335d6c81c774467b2fc181c668b19bb to your computer and use it in GitHub Desktop.
Save brunomiguel/6335d6c81c774467b2fc181c668b19bb to your computer and use it in GitHub Desktop.
Readable Hacker News
* {
-webkit-font-smoothing: subpixel-antialiased !important;
text-rendering: optimizelegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-smooth: always !important;
font-family: rubik !important;
}
body,
td,
.default,
.commtext {
font-family: rubik !important;
font-size: 16px !important;
color: #4c4d51 !important;
line-height: 24px !important;
}
.hnmore a:link,
a:visited,
.commtext a,
.comhead a {
color: #ff6600 !important;
}
a.titlelink {
color: #ff6600 !important;
}
a.titlelink:visited {
color: #7c7e86 !important;
}
.subtext a:link,
.subtext a:visited {
color: #161617 !important;
}
td[bgcolor="#ff6600"] {
padding: 6px !important;
color: #fff !important;
border-radius: 4px !important;
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .522), 0 5px 10px -5px rgba(0, 0, 0, .525) !important;
margin: 0 auto 30px !important;
display: block !important;
background-color: #4c4d51 !important;
}
td[bgcolor="#ff6600"] a,
td[bgcolor="#ff6600"] a:visited,
td[bgcolor="#ff6600"] a:active,
td[bgcolor="#ff6600"] a:focus,
.pagetop {
color: #fff !important;
}
#hnmain {
background-color: #fff !important;
width: 40vw !important;
}
td[style="width:18px;padding-right:4px"] {
padding-right: 5px !important;
}
.subtext {
font-size: 12px !important;
border-bottom: 1px solid #eee !important;
padding-bottom: 10px !important;
}
tr[style="height:2px"] {
height: 8px !important;
}
.comhead {
font-size: 13px !important;
color: #ff6600 !important;
}
@brunomiguel
Copy link
Author

The above CSS is under the CC0 license

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment