Hacker News

Make Hacker News more legible

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

ستحتاج إلى تثبيت إضافة مثل Stylus لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتتمكن من تثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

(لدي بالفعل مثبت أنماط للمستخدم، دعني أقم بتثبيته!)

المؤلف
mgladdish
التثبيت اليومي
0
إجمالي التثبيت
307
التقييمات
0 0 0
الإصدار
24
تم إنشاؤه
19-12-2022
تم تحديثه
19-12-2022
الحجم
6.83 KB
الترخيص
MIT
ينطبق على

My personal itch to scratch just recently has been the umpteen formatting foibles of HackerNews. So, in the spirit of making the web more personal again, I knocked up a TamperMonkey userscript to fix up the worst of my personal bugbears.

This isn't an attempt at a complete rebrand/redesign of the site, instead it's just fixing up what I think are the biggest design/readability issues whilst trying to remain true to the site's existing aesthetic.

Key features:

* Base font size increased
* A little more room around headings
* Top menu bar is full-width and with a little more padding
* Downvoted comments no longer faint hard-to-read grey. Instead they're rendered with a light gray background and in a smaller font size.
* Comments have a more readable max line length
* Quotes are parsed and transformed to look like genuine quotes. I.e. any p or span that starts with '>' is transformed and rendered with a light orange background and in italics.
* The 'Add comment' box on items is hidden by default. (Surely you'd want to read all the comments first before leaping in with your own 2p's worth!?)

Check out the repo's readme for example screenshots.

https://github.com/mgladdish/website-customisations/tree/main/news.ycombinator.com