Last active
February 26, 2022 18:58
-
-
Save cmpadden/7548e62b864d1d738ca840c66131c970 to your computer and use it in GitHub Desktop.
Opinionated Minimalist HN UserStyle
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==UserStyle== | |
| @name HN Minimalist | |
| @description Opinionated minimalist styling for Hacker News | |
| @match *://news.ycombinator.com/* | |
| ==/UserStyle== */ | |
| /******************************************************************************** | |
| * COLORS * | |
| ********************************************************************************/ | |
| :root { | |
| /* https://github.com/altercation/vim-colors-solarized#the-values */ | |
| --background: #002b36; | |
| --foreground: #ccc; | |
| --subtext: #828282; | |
| --primary: #cb4b16; | |
| --secondary: #b58900; | |
| } | |
| body, | |
| #hnmain { | |
| background-color: var(--background); | |
| } | |
| /******************************************************************************** | |
| * FONT * | |
| ********************************************************************************/ | |
| * { | |
| font-family: monospace; | |
| } | |
| td.title { | |
| font-size: 1rem; | |
| } | |
| a.titlelink { | |
| color: var(--foreground); | |
| } | |
| span.sitebit { | |
| font-size: 0.75rem; | |
| /* color: var(--subtext); */ | |
| } | |
| td.subtext { | |
| font-size: 0.75rem; | |
| /* color: var(--subtext); */ | |
| } | |
| span.commtext { | |
| color: var(--foreground); | |
| } | |
| body { | |
| font-size: 10pt; | |
| color: var(--subtext); | |
| } | |
| td { | |
| color: var(--subtext); | |
| } | |
| .admin td { | |
| font-size: 8.5pt; | |
| color: var(--foreground); | |
| } | |
| .subtext td { | |
| font-size: 7pt; | |
| color: var(--subtext); | |
| } | |
| input { | |
| font-size: 10pt; | |
| } | |
| textarea { | |
| font-size: 10pt; | |
| resize: both; | |
| } | |
| a:link { | |
| color: var(--foreground); | |
| } | |
| a:visited { | |
| color: var(--secondary); | |
| } | |
| .pagetop a:visited { | |
| color: var(--secondary); | |
| } | |
| .default { | |
| font-size: 10pt; | |
| color: var(--subtext); | |
| } | |
| .admin { | |
| font-size: 8.5pt; | |
| color: var(--foreground); | |
| } | |
| .title { | |
| font-size: 10pt; | |
| color: var(--subtext); | |
| } | |
| .subtext { | |
| font-size: 7pt; | |
| color: var(--subtext); | |
| } | |
| .yclinks { | |
| font-size: 8pt; | |
| color: var(--subtext); | |
| } | |
| .pagetop { | |
| font-size: 10pt; | |
| color: var(--subtext); | |
| } | |
| .comhead { | |
| font-size: 8pt; | |
| color: var(--subtext); | |
| } | |
| .comment { | |
| font-size: 9pt; | |
| } | |
| /* post comments link */ | |
| td.subtext > a:visited { | |
| color: var(--secondary) !important; | |
| } | |
| /******************************************************************************** | |
| * LAYOUT * | |
| ********************************************************************************/ | |
| /* increase padding between posts */ | |
| tr.spacer { | |
| height: 1rem !important; | |
| } | |
| /******************************************************************************** | |
| * HIDDEN * | |
| ********************************************************************************/ | |
| /* remove background color and links of navigation bar, leaving the Y logo */ | |
| #hnmain > tbody > tr:nth-child(1) > td { | |
| background-color: transparent; | |
| } | |
| #hnmain > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) { | |
| display: none; | |
| } | |
| /* reply link */ | |
| .reply, | |
| /* upvote button */ | |
| .votearrow, | |
| /* comment form input */ | |
| form[action="comment"], | |
| /* footer links */ | |
| span.yclinks, | |
| /* post ranking */ | |
| span.rank { | |
| display: none; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment