I've recently migrated my HN dark theme to uBlock filters [1], as I try to lower...

kuschkufan · on Jan 30, 2024

Okay, here goes a rough first edit for Dracula using uBlock orgin filters:

  ! Title: Dracula HN theme
  news.ycombinator.com##body, .c00:style(color: #CCCCCC !important; background-color: #282835 !important; )
  news.ycombinator.com##tr,td:style(background-color: #282835 !important; )
  news.ycombinator.com##tr#pagespace:style(display: none !important; )
  news.ycombinator.com###hnmain > tbody > tr:nth-child(1) table:style(background-color: #444757 !important; border-bottom: 10px solid #282835 !important; )
  news.ycombinator.com###hnmain > tbody > tr:nth-child(1) td:style(background-color: #444757 !important; )
  news.ycombinator.com##b.hnname > a:style(color: #a4fa90 !important; )
  news.ycombinator.com##a:style(color: #ad96e4 !important; )
  news.ycombinator.com##.subline:style(color: #ccc !important; )
  news.ycombinator.com##.subline a:style(color: #999 !important; )
  news.ycombinator.com##.score,#hnmain > tbody > tr:nth-child(1) td:last-child > span.pagetop:style(color: #e1772c !important; )
  news.ycombinator.com##.sitestr:style(color: #a7d3e6 !important; )

Enjoy

kuschkufan · on Feb 8, 2024

Updated, so it works for the days when there is the grieving bar at the top

  ! Title: Dracula HN theme
  news.ycombinator.com##body, .c00:style(color: #f8f8f2 !important; background-color: #21222c !important; )
  news.ycombinator.com##td[bgcolor="#ff6600"]:style(background-color: #444757 !important; )
  news.ycombinator.com##[bgcolor="#f6f6ef"]:style(background-color: #21222c !important; )
  news.ycombinator.com##[bgcolor="#000000"]:style(background-color: #ff5555 !important; )
  news.ycombinator.com##tr#pagespace:style(display: none !important; )
  news.ycombinator.com##b.hnname > a:style(color: #50fa7b !important; )
  news.ycombinator.com##a:style(color: #bd93f9 !important; )
  news.ycombinator.com##.subline:style(color: #f8f8f2 !important; )
  news.ycombinator.com##.subline a:style(color: #999 !important; )
  news.ycombinator.com##.score,#hnmain > tbody > tr td:last-child > span.pagetop:style(color: #ff79c6 !important; )
  news.ycombinator.com##.sitestr:style(color: #8be9fd !important; )

wewtyflakes · on Feb 1, 2024

I've been using this since you posted it. Thank you; it is a clean look.

Broussebar · on Jan 30, 2024

I never thought of using ublock filters for inserting custom css. This is brilliant, thanks for the demo.

lamontcg · on Jan 30, 2024

I use this minimal one (based on someone's comment a year or three ago that i tweaked):

    ! hacker news dark mode
    news.ycombinator.com##body:style(background: black)
    news.ycombinator.com##td:style(color: #dadada !important)
    news.ycombinator.com##table:style(background-color: #120F0D)
    news.ycombinator.com##div.toptext:style(color: #dadada)
    news.ycombinator.com##span.c00:style(color: #dadada !important)
    news.ycombinator.com##a:style(color: #ffa000 !important)
    news.ycombinator.com##span#karma:style(color: #faa000 !important)
    news.ycombinator.com##span.pagetop:style(color: #dadada !important)
    news.ycombinator.com##textarea:style(color: #404040 !important; background-color:black !important; )
    news.ycombinator.com###hnmain:style(background: #120F0D !important)

smcleod · on Jan 30, 2024

Here is an example of doing the same for reddit: https://gist.github.com/sammcj/92c071d534ada5bf9fa8cf995b81a...