[{"data":1,"prerenderedAt":199},["ShallowReactive",2],{"project-32719488":3},{"id":4,"name":5,"line":5,"line_source":6,"title":7,"url":8,"domain":8,"maker":9,"posted_at":10,"year":11,"points":12,"comments":13,"rank_in_year":14,"shown_in_year":15,"top":16,"tier":17,"category":18,"subcategory":19,"format":20,"keywords":21,"reception":26,"sentiment":27,"stance_mix":28,"scored_comments":33,"aspects":34,"strip":38,"post_text":40,"what":41,"said":63,"maker_in_thread":132,"shape":134,"grid":138,"attempts":160,"same_week":161,"maker_shows":153,"maker_hidden":190,"reader_version":191,"card":192},"32719488","HN dark mode in 2 lines of code","title","Show HN: HN dark mode in 2 lines of code",null,"zikero",1662340864,2022,31,10,1234,2570,49,"shown","dev_tools","browser snippet","other",[22,23,24,25],"hacker news dark mode","javascript bookmarklet","css invert filter","browser console","debated",0.167,{"positive":29,"neutral":30,"mixed":31,"critical":32},5,1,0,2,8,{"idea":35,"docs":36,"execution":37},{"positive":32,"critical":30},{"positive":31,"critical":31},{"positive":30,"critical":30},[30,31,29,39,29,29,31,29,30,29],3,"Paste this in the developer tools console of your browser\n\ndocument.documentElement.style.filter = \"invert()\"\n\ndocument.documentElement.style.background = '#fff'\n\nEdit: you can also create a bookmark with the code below in the URL field\n\njavascript: (() => \n{ document.documentElement.style.filter = \"invert()\";document.documentElement.style.background = '#fff' })();\n\nThen just click on the bookmark for instant dark mode",{"problem":42,"audience":52,"pricing":8,"motivation":8,"time_to_build":8,"stack":57,"openness":62,"stage":62,"team_size":62},{"value":43,"source":44,"evidence":45},"Hacker News has no dark mode","maker",[46,48],{"id":47},"post",{"id":49,"by":50,"text":51},"32722019","EdSchouten","Still unfortunate that HN doesn’t offer this as a builtin feature. So many people have already requested this during the last couple of years.",{"value":53,"source":54,"evidence":55},"Hacker News readers who want dark mode","inferred",[56],{"id":49,"by":50,"text":51},[58],{"value":59,"source":44,"evidence":60},"JavaScript",[61],{"id":47},"unknown",{"praise":64,"objections":88,"requests":103,"questions":108,"alternatives":116},[65,77],{"value":66,"source":67,"evidence":68},"Quick and useful dark mode for HN","commenter",[69,73],{"id":70,"by":71,"text":72},"32723761","xvello","Great idea, using it now! You can also apply styles with uBlockOrigin, for example the equivalent uBO rule is: ``` news.ycombinator.com##html:style(filter:invert(100%);…",{"id":74,"by":75,"text":76},"32746229","anon115","niceeee",{"value":78,"source":67,"evidence":79},"Userscript version works well",[80,84],{"id":81,"by":82,"text":83},"32719555","cauefcr","Nice, or as a tampermonkey user-script: \u002F\u002F ==UserScript== \u002F\u002F @name HN dark mode \u002F\u002F @namespace http:\u002F\u002Ftampermonkey.net\u002F \u002F\u002F @version 0.1 \u002F\u002F @description HN dark mode \u002F\u002F @author You…",{"id":85,"by":86,"text":87},"32756248","bergpb","Works great, thanks for sharing",[89,96],{"value":90,"source":67,"evidence":91},"Inversion leaves a white border around the page",[92],{"id":93,"by":94,"text":95},"32720186","eimrine","Not working for me, there is a big chunk of white surrounding around black part of page.",{"value":97,"source":67,"evidence":98},"Inverts the orange top color, needs hue-rotate fix",[99,100],{"id":70,"by":71,"text":72},{"id":101,"by":71,"text":102},"32800354","For future reference, we can recover the orange colors by adding a hue-rotate filter too. Here's my current rule: ``` news.ycombinator.com##html:style(filter:invert(100%)…",[104],{"value":105,"source":67,"evidence":106},"Built-in dark mode on Hacker News",[107],{"id":49,"by":50,"text":51},[109],{"value":110,"source":67,"evidence":111},"How to apply the uBlockOrigin rule",[112],{"id":113,"by":114,"text":115},"32724238","bArray","Thanks! Took me a moment to realize how to apply this (here for others benefit): 1. Right click > Block element 2. Click anywhere 3. Change the rule to: ```…",[117,124,128],{"value":118,"source":67,"evidence":119},"Hacker News Dark userscript on userstyles.org",[120],{"id":121,"by":122,"text":123},"32721762","DedlySnek","I use the Hacker News Dark[0] userscript with Tapermonkey [0] https:\u002F\u002Fuserstyles.org\u002Fstyles\u002F113994",{"value":125,"source":67,"evidence":126},"uBlockOrigin style rule",[127],{"id":70,"by":71,"text":72},{"value":129,"source":67,"evidence":130},"Tampermonkey userscript",[131],{"id":81,"by":82,"text":83},{"comments":31,"answered":31,"key":133},[],{"commenters":135,"max_depth":32,"maker_replies":31,"first_comment_mins":136,"lifespan_hours":137},9,11,158,[139,141,145,147,149,151,152,154,156,158],[49,31,30,140,50,31],"project\u002Fcritical\u002Fidea",[142,30,31,143,144,31],"32732135","other\u002Fneutral\u002Fnone","romdev",[70,32,29,146,71,31],"project\u002Fpositive\u002Fidea",[113,32,39,148,114,31],"project\u002Fneutral\u002Fdocs",[101,32,29,150,71,31],"project\u002Fpositive\u002Fexecution",[81,39,29,146,82,31],[121,153,31,143,122,31],4,[85,153,29,155,86,31],"project\u002Fpositive\u002Fnone",[93,29,30,157,94,31],"project\u002Fcritical\u002Fexecution",[74,159,29,155,75,31],6,[],[162,167,172,177,181,185],{"id":163,"name":164,"points":165,"category":166},"32690410","Openship",1335,"web_saas",{"id":168,"name":169,"points":170,"category":171},"32747067","quake_watch",692,"games",{"id":173,"name":174,"points":175,"category":176},"32688646","Wavvy",530,"creative",{"id":178,"name":179,"points":180,"category":171},"32717133","Zelda Breath of the Wild Street View",456,{"id":182,"name":183,"points":184,"category":176},"32738654","Bauble",252,{"id":186,"name":187,"points":188,"category":189},"32753471","TinyClock",192,"productivity",false,"v2",{"id":193,"name":5,"line":5,"ai":190,"cat":18,"year":11,"points":12,"comments":13,"rec":26,"s":194,"top":16,"kw":195,"maker":9,"domain":196,"tier":17,"attempts":31,"strip":197,"url":-1,"mix":198,"praise":66,"objection":90,"sub":19},32719488,0.17,[22,23,24,25],"","1053550515",[29,30,31,32],1794036624460]