3 ms·
I've recently migrated my HN dark theme to uBlock filters [1], as I try to lower the amount of browser extensions that I use. [1] https://github.com/darekkay/c
by darekkay 3y ago
I've recently migrated my HN dark theme to uBlock filters [1], as I try to lower the amount of browser extensions that I use.
[1] https://github.com/darekkay/config-files/blob/master/adblocker/styling.txt#L19 https://github.com/darekkay/config-files/blob/master/adblock...
- Broussebar 3y agoI never thought of using ublock filters for inserting custom css. This is brilliant, thanks for the demo.
- kuschkufan 3y agoOkay, 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 3y agoUpdated, 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 3y agoI've been using this since you posted it. Thank you; it is a clean look.
- lamontcg 3y agoI 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 3y agoHere is an example of doing the same for reddit: https://gist.github.com/sammcj/92c071d534ada5bf9fa8cf995b81aead https://gist.github.com/sammcj/92c071d534ada5bf9fa8cf995b81a...