[{"data":1,"prerenderedAt":90},["ShallowReactive",2],{"content-query-IUE38pSvJa":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"head":10,"date":12,"type":5,"heroimage":13,"body":14,"_type":84,"_id":85,"_source":86,"_file":87,"_stem":88,"_extension":89},"/work/dgdarkmode","work",false,"","Turning off the lights: the Galaxus Dark Mode","How Digitec Galaxus got to be the first E-Commerce company in Europe to have a dark mode.",{"title":11},"Turning off the lights: the Galaxus Dark Mode | Leo Hauschild","2023-05-01T00:00:00.000Z","/img/darkmode.png",{"type":15,"children":16,"toc":81},"root",[17,45,53,58,63,68],{"type":18,"tag":19,"props":20,"children":21},"element","p",{},[22,25,34,36,43],{"type":23,"value":24},"text","The single most requested feature from Digitec Galaxus customers over the years has been a dark mode. There are those who just prefer a darker screen, but there are also those who have visual impairments, to which studies have shown ",{"type":18,"tag":26,"props":27,"children":31},"a",{"href":28,"rel":29},"https://www.nngroup.com/articles/dark-mode/",[30],"nofollow",[32],{"type":23,"value":33},"[1]",{"type":23,"value":35}," ",{"type":18,"tag":26,"props":37,"children":40},{"href":38,"rel":39},"https://www.nngroup.com/articles/dark-mode-users-issues/",[30],[41],{"type":23,"value":42},"[2]",{"type":23,"value":44},", that a darker screen helps make content easier to read.",{"type":18,"tag":19,"props":46,"children":47},{},[48],{"type":18,"tag":26,"props":49,"children":50},{"href":7},[51],{"type":23,"value":52},"// insert screenshots of users requesting dark mode",{"type":18,"tag":19,"props":54,"children":55},{},[56],{"type":23,"value":57},"On E-Commerce platforms, it is unusual to see a dark mode, as such, there are no benchmarks to lean on, the only references are from mobile apps, and even then, support for it is not universal in the market.",{"type":18,"tag":19,"props":59,"children":60},{},[61],{"type":23,"value":62},"Most think that creating a dark mode is just swapping light colors for dark colors, but this approach quickly falls apart when considering not only accessibility, but also the quality expectations we have for visual design.",{"type":18,"tag":19,"props":64,"children":65},{},[66],{"type":23,"value":67},"When implementing an overarching change in a complex platform, it is not only about making the change, but also making sure you can support it in the long run.",{"type":18,"tag":19,"props":69,"children":70},{},[71,76],{"type":18,"tag":26,"props":72,"children":73},{"href":7},[74],{"type":23,"value":75},"// color tokens",{"type":18,"tag":26,"props":77,"children":78},{"href":7},[79],{"type":23,"value":80},"// color pallete",{"title":7,"searchDepth":82,"depth":82,"links":83},2,[],"markdown","content:work:dgdarkmode.md","content","work/dgdarkmode.md","work/dgdarkmode","md",1746012042950]