Skip to content

Instantly share code, notes, and snippets.

@brunomiguel
Created January 9, 2025 15:33
Show Gist options
  • Select an option

  • Save brunomiguel/6335d6c81c774467b2fc181c668b19bb to your computer and use it in GitHub Desktop.

Select an option

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
Copy Markdown
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