[{"data":1,"prerenderedAt":467},["ShallowReactive",2],{"project-17125754":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":45,"post_text":47,"what":48,"said":77,"maker_in_thread":223,"shape":234,"grid":238,"attempts":429,"same_week":430,"maker_shows":33,"maker_hidden":459,"reader_version":460,"card":461},"17125754","Grayscale the Web","A Chrome extension to help avoid mindless browsing","title","Show HN: Grayscale the Web – A Chrome extension to help avoid mindless browsing","https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fgrayscale-the-web-save-si\u002Fmblmpdpfppogibmoobibfannckeeleag","chrome.google.com","devastora",1526995747,2018,119,77,370,2155,18,"notable","productivity","browser extension for focus","browser_extension",[24,25,26,27],"grayscale","chrome extension","mindless browsing","digital wellbeing","mixed",0.218,{"positive":31,"neutral":32,"mixed":33,"critical":34},17,21,1,6,45,{"design":37,"idea":39,"performance":42,"privacy":43,"execution":44},{"positive":33,"critical":38},0,{"positive":40,"critical":41},10,5,{"positive":38,"critical":38},{"positive":38,"critical":38},{"positive":38,"critical":33},[46,41,38,41,33,46,38,38,38,46,46,46,38,41,41,46,38,41,46,46,41,46,46,46,33,41,46,46,41,46,41,46,41,46,46,41,41,41,38,33],3,null,{"problem":47,"audience":47,"pricing":47,"motivation":49,"time_to_build":47,"stack":56,"openness":74,"stage":75,"team_size":76},{"value":50,"source":51,"evidence":52},"Maker found grayscale on phone reduced engagement and wanted it on Chrome, where they spend most of their day","maker",[53],{"id":54,"by":11,"text":55},"17133984","I hadn't done any scientific studies, just had read about it and decided to give it a try on my phone. It made a difference for me, so I wanted to make something for chrome since…",[57,66,70],{"value":58,"source":51,"evidence":59},"JavaScript",[60,63],{"id":61,"by":11,"text":62},"17127174","Yep, you got it. For the most part I'm just adding filter: grayscale(100%) to the html element. There some other stuff going on though. I noticed that for the html and body…",{"id":64,"by":11,"text":65},"17128407","Do you mean three separate js files? Two of them are plugin specific files I separated out to make managing the different features easier. The only library I'm loading is…",{"value":67,"source":51,"evidence":68},"Chrome extension APIs",[69],{"id":64,"by":11,"text":65},{"value":71,"source":51,"evidence":72},"TinyColor library",[73],{"id":61,"by":11,"text":62},"unknown","launched","solo",{"praise":78,"objections":105,"requests":132,"questions":161,"alternatives":181},[79,95],{"value":80,"source":81,"evidence":82},"Makes sites feel less engaging and colors more noticeable after switching back","commenter",[83,87,91],{"id":84,"by":85,"text":86},"17126416","ponderatul","Thank you. I use the grayscale option on my Android Phone. I have to say, with the exception of reading on it, everything else is boring as fuck, which is great. Everything…",{"id":88,"by":89,"text":90},"17130188","gregsadetsky","I’ll definitely try it, thanks! I’ve been “on” grayscale on my phone for a few months now and I’ve enjoyed it very much. One “proof” that I have of grayscale’s benefits is that…",{"id":92,"by":93,"text":94},"17129757","notduncansmith","I did the same earlier this morning and I agree with this sentiment so far. I find it difficult to be mindless on the screens, and it makes me appreciate the colors of the…",{"value":96,"source":81,"evidence":97},"Per-site saved and excluded sites address the all-or-nothing problem",[98,102],{"id":99,"by":100,"text":101},"17128337","jedberg","This is a good point. On the phone it was all or nothing. Here I can choose. So maybe I will give it another try!",{"id":103,"by":100,"text":104},"17128248","I love this idea, but sadly it's not for me. I tried this on my phone (going grayscale) and turned it off after 1\u002F2 a day. Too many apps rely on color to differentiate different…",[106,117,125],{"value":107,"source":81,"evidence":108},"No scientific evidence supporting the claimed effect",[109,113],{"id":110,"by":111,"text":112},"17130091","mehblahwhatevs","Why go grayscale? Is there any data to support the claims made by the extension? (see below) The extension linked says: > Can't stop surfing the web? You may not realize it, but…",{"id":114,"by":115,"text":116},"17130266","gowld","That's the claim, but not an explanation. HN isn't multi-color.",{"value":118,"source":81,"evidence":119},"Grayscale hurts usability for color-coded apps and charts",[120,121],{"id":103,"by":100,"text":104},{"id":122,"by":123,"text":124},"17142254","williamxd3","As a red\u002Fgreen colorblind the only thing that I hate when people mess up are charts, never had a problem with everything else",{"value":126,"source":81,"evidence":127},"Does not reduce mindless food purchases",[128],{"id":129,"by":130,"text":131},"17128066","AndrewOMartin","Text based browsers have had this option for ages, though some say they copied it from printers. Notably this doesn't help with food, I've been only buying greyscale (Rice,…",[133,140,150],{"value":134,"source":81,"evidence":135},"Gradual desaturation over time per site",[136],{"id":137,"by":138,"text":139},"17130890","kovrik","Nice idea! Would be great if it was not just On\u002FOff switch, but one could set timer (per site) and it would gradually desaturate website the longer you stay (1%, 2%, ...). When…",{"value":141,"source":81,"evidence":142},"Adjustable grayscale slider or lower contrast option",[143,147],{"id":144,"by":145,"text":146},"17130674","augbog","Sounds like an interesting idea but would be awesome if rather than grayscale it just lessened the contrast and made colors a lot less vibrant. That would still help a lot",{"id":148,"by":11,"text":149},"17134061","Thanks! Originally I was going to implement a slider where you could adjust the amount of grayscale, but wasn't sure if anyone would use it. I really like the idea of having it…",{"value":151,"source":81,"evidence":152},"Linux support",[153,157],{"id":154,"by":155,"text":156},"17131430","John_KZ","Is there a way to do this in Linux\u002FUbuntu\u002FDebian? I've looked as hard as I could but I couldn't find any solutions, at least not one that didn't require writing your own drivers.",{"id":158,"by":159,"text":160},"17132512","znpy","FYI: you can go black&white on Windows 10 by pressing Win+Ctrl+c Edit: does anybody know if there's a way to do the same on GNU\u002FLinux ?",[162,167,174],{"value":163,"source":81,"evidence":164},"Is there research showing grayscale reduces mindless browsing?",[165,166],{"id":103,"by":100,"text":104},{"id":110,"by":111,"text":112},{"value":168,"source":81,"evidence":169},"Who is the developer and is there a privacy policy?",[170],{"id":171,"by":172,"text":173},"17131823","rapnie","does anyone have a link to the people who made this? I see 'Dev Astora' but can't find them on the web. am always hesitant to install browser plugins that have no website link,…",{"value":175,"source":81,"evidence":176},"Does it affect CPU usage?",[177],{"id":178,"by":179,"text":180},"17126899","daft300punk","Seems very useful, thanks. Curious how it affects cpu usage. Would be cool if you can explain how it works. I can see even the gifs and videos(which I think makes this even more…",[182,201,212],{"value":183,"source":81,"evidence":184},"OS-level grayscale and color filters (macOS, Windows, iOS, Android)",[185,189,193,197],{"id":186,"by":187,"text":188},"17128067","y04nn","If you are on macos you can do it globally and natively by going in the accessibility settings.",{"id":190,"by":191,"text":192},"17128244","ntauthority","Same goes for any recent Windows version (1709 or 1803?) - Settings -> Ease of Access -> Color filters.",{"id":194,"by":195,"text":196},"17130925","geoffpado","iOS does have a red monochrome option! Settings > General > Accessibility > Display Accommodations > Color Filters > Color Tint Not the easiest to find, but it's there for people…",{"id":198,"by":199,"text":200},"17127176","malloreon","This is very cool. Last week I went full greyscale on my ipad and iphone, and over the weekend on my macbook pro. It definitely forces me to think about each time I use each…",{"value":202,"source":81,"evidence":203},"Stylish or Stylus userstyle with filter grayscale",[204,208],{"id":205,"by":206,"text":207},"17126954","pietroglyph","For Firefox you can use the Stylish addon and \"filter: grayscale(100%)\" for similar effect.",{"id":209,"by":210,"text":211},"17128305","bfred_it","This extension should be one CSS line, why does it load 3 libraries as content scripts? ``` :root {filter: grayscale(1) !important; background: #fff} ``` I wish extensions had a…",{"value":213,"source":81,"evidence":214},"Nocturne and negative screen tools",[215,219],{"id":216,"by":217,"text":218},"17128274","killjoywashere","Check out Nocturne (originally from Blacktree, of QuickSilver fame). It even has a full red monochrome option (in case you need to finish that paper at 2 am but don't want to…",{"id":220,"by":221,"text":222},"17127771","anotheryou","If you are on windows you can use this awesome tool to have it globally: https:\u002F\u002Fzerowidthjoiner.net\u002Fnegativescreen nice plus: inverted mode with correct colors (only brightness…",{"comments":224,"answered":225,"key":226},12,7,[227,230,233],{"id":228,"text":229},"17128314","I feel you. I tried to make it easy to toggle on and off in case you needed to check something in color, but it's a bit of a double edged sword in that it can be too easy to turn…",{"id":231,"text":232},"17134000","Thanks! By the way, for the phone thing I had the same issue. If you have an iPhone, you can set it so triple clicking the home button toggles it -…",{"id":54,"text":55},{"commenters":235,"max_depth":41,"maker_replies":224,"first_comment_mins":236,"lifespan_hours":237},52,100,43,[239,241,243,245,249,251,254,258,260,262,263,267,269,273,276,279,280,284,286,287,288,291,292,293,295,297,299,300,301,304,307,309,313,315,317,319,320,323,325,327,328,330,332,336,337,341,344,346,347,349,353,357,359,362,365,367,370,372,375,379,381,385,387,390,392,394,398,400,403,406,410,415,417,421,423,425,428],[103,38,46,240,100,38],"project\u002Fmixed\u002Fdesign",[228,38,38,242,11,33],"maker\u002Fneutral\u002Fidea",[99,38,41,244,100,38],"project\u002Fpositive\u002Fidea",[246,38,38,247,248,38],"17128462","commenter\u002Fneutral\u002Fnone","jeffreyrogers",[250,38,38,247,100,38],"17128511",[252,38,38,247,253,38],"17128484","needz",[255,38,41,256,257,38],"17128793","project\u002Fpositive\u002Fnone","brightball",[231,38,38,259,11,33],"maker\u002Fneutral\u002Fnone",[110,38,33,261,111,38],"project\u002Fcritical\u002Fidea",[54,38,38,242,11,33],[264,38,46,265,266,38],"17130559","project\u002Fneutral\u002Fidea","amelius",[268,38,38,247,155,38],"17133869",[270,38,38,271,272,38],"17130640","other\u002Fneutral\u002Fnone","willio58",[274,38,38,271,275,38],"17130998","voxadam",[277,38,38,271,278,38],"17137520","Fnoord",[122,38,38,271,123,38],[281,38,38,282,283,38],"17131702","other\u002Fneutral\u002Fidea","himom",[220,33,46,285,221,38],"project\u002Fneutral\u002Fnone",[186,33,46,285,187,38],[190,33,46,285,191,38],[289,33,46,285,290,38],"17130119","ergomarky",[216,33,46,285,217,38],[194,33,38,247,195,38],[294,33,38,247,278,38],"17137471",[296,33,38,247,217,38],"17141023",[198,298,41,244,199,38],2,[92,298,41,244,93,38],[205,46,46,285,206,38],[302,46,46,285,303,38],"17127408","rashkov",[305,46,38,247,306,38],"17131558","seltzered_",[308,46,38,247,303,38],"17135062",[310,46,38,311,312,38],"17129563","other\u002Fneutral\u002Fprivacy","jordwest",[84,314,41,244,85,38],4,[316,314,38,242,11,33],"17126811",[318,314,41,256,85,38],"17128141",[129,41,33,261,130,38],[321,41,38,271,322,38],"17128241","Harvey-Specter",[137,34,46,324,138,38],"project\u002Fneutral\u002Fdesign",[148,34,38,326,11,33],"maker\u002Fneutral\u002Fdesign",[88,225,41,244,89,38],[329,225,38,242,11,33],"17134021",[158,331,46,285,159,38],8,[333,334,46,285,335,38],"17128876",9,"NVRM",[144,40,46,324,145,38],[338,339,46,265,340,38],"17129954",11,"mettamage",[342,339,46,265,343,38],"17129996","drusepth",[345,339,33,261,340,38],"17130223",[114,339,33,261,115,38],[348,339,38,242,11,33],"17134077",[350,224,41,351,352,38],"17131352","project\u002Fpositive\u002Fdesign","atomic77",[354,355,46,285,356,38],"17126905",13,"ktosobcy",[358,355,38,259,11,33],"17127206",[360,355,46,285,361,38],"17128292","progval",[363,355,46,285,364,38],"17128415","BadSambar",[366,355,41,256,356,38],"17128642",[368,369,33,261,283,38],"17131681",14,[371,369,41,244,123,38],"17142205",[373,374,41,244,123,38],"17142171",15,[376,377,41,256,378,38],"17130505",16,"goodroot",[178,31,46,380,179,38],"project\u002Fneutral\u002Fperformance",[382,31,38,383,384,38],"17126965","commenter\u002Fneutral\u002Fexecution","sakuronto",[61,31,38,386,11,33],"project\u002Fneutral\u002Fexecution",[388,31,41,244,389,38],"17128334","petecox",[171,18,46,391,172,38],"project\u002Fneutral\u002Fprivacy",[154,393,46,285,155,38],19,[395,396,46,285,397,38],"17126719",20,"bradam",[399,396,38,285,11,33],"17126838",[401,396,38,271,402,38],"17127281","beat",[404,32,41,244,405,38],"17128002","warent",[407,408,41,256,409,38],"17126596",22,"s_clemens",[411,412,41,413,414,38],"17132616",23,"maker\u002Fpositive\u002Fnone","drake01",[416,412,38,413,11,33],"17134083",[418,419,41,244,420,38],"17128018",24,"0xdeadbeefbabe",[422,419,38,271,155,38],"17133890",[424,419,38,271,420,38],"17138898",[209,426,33,427,210,38],25,"project\u002Fcritical\u002Fexecution",[64,426,38,383,11,33],[],[431,436,441,445,450,455],{"id":432,"name":433,"points":434,"category":435},"17126670","HyperApp",303,"languages",{"id":437,"name":438,"points":439,"category":440},"17093051","Cannoli",292,"dev_tools",{"id":442,"name":443,"points":444,"category":440},"17105373","Vuido",192,{"id":446,"name":447,"points":448,"category":449},"17091262","HackerForums.co",175,"consumer_social",{"id":451,"name":452,"points":453,"category":454},"17098620","Easy TensorFlow",157,"learning_science",{"id":456,"name":457,"points":458,"category":435},"17112747","Gojay",153,false,"v2",{"id":462,"name":5,"line":6,"ai":459,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":463,"top":18,"kw":464,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":465,"url":9,"mix":466,"praise":80,"objection":107,"sub":21},17125754,0.22,[24,25,26,27],"3505130003330553053353331533535353355501",[31,32,33,34],1794036566166]