Skip to content

a stylistic tweak of hn with all the function and most of the charm

Notifications You must be signed in to change notification settings

m52go/dapper-hn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dapper-hn

An aesthetic revision of hn with all the function and most of the charm.

One day it struck me that it wouldn't take much to make HN look a lot better. Its simplicity is supremely functional, but sometimes its 90s-era charm feels a bit stale.

So I made a stylesheet to retain the charm of the original site while smoothing out some of its rougher edge.

what it does

Changes made include:

  • Background color is uniform throughout page.
  • Font changed to Lato throughout, Raleway for numbers.
  • Added spacing to top navigation bar.
  • Removed logo border to better fit the space.
  • Replaced up-vote button image, so it's sharp regardless of screen resolution.
  • Added spacing around up-vote button.
  • Added spacing between posts.
  • Nicer "More" button at page bottom.

Side-by-side comparison:

how to use it

You can simply copy & paste the CSS in this repository into a new Stylus style applied to URLs starting with "https://news.ycombinator.com/". Stylus is available for Firefox and Chrome on their add-on marketplaces.

About

a stylistic tweak of hn with all the function and most of the charm

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages