uBlock Origin is not only great for blocking ads but also for applying custom CSS to websites. So for https://news.ycombinator.com I changed this
to this
with these rules:
news.ycombinator.com##table#hnmain:style(width: 700px !important; margin: 0 auto !important;)
news.ycombinator.com##.titleline:style(font-size: 12pt !important;)
news.ycombinator.com##.titleline > a:style(font-size: 12pt !important;)
news.ycombinator.com##.toptext:style(font-size: 12pt !important; line-height: 1.5 !important;)
news.ycombinator.com##.commtext:style(font-size: 12pt !important; line-height: 1.5 !important;)
news.ycombinator.com##.votearrow:style(display: none !important;)
news.ycombinator.com##.comhead:style(display: flex !important; flex-direction: row-reverse !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important;)
news.ycombinator.com##.togg:style(margin-right: 5px !important; margin-left: 0px !important;)
Changelog
- 700px wide for better readability
- Increased font sizes
- Removed upvote icon
- Moved collapse icon more to the left
Much, much better now.