{"post":{"id":"60d17966f668475d88fecbb8","_id":"60d17966f668475d88fecbb8","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624312666234/v_FaNR_hS.jpeg","__typename":"PostCoverImage"},"slug":"psa-add-dark-mode-to-your-sites-or-at-least-let-the-browsers-do-it-for-you","readTime":5,"replyCount":1,"responseCount":2,"brief":"I have a simple message for web developers, start adding the color-scheme property to your webpages.\n\n\n\n...","subtitle":"Dark mode...Dark mode for everyone, start using the `color-scheme` property today.","isFeatured":true,"contributors":[{"_id":"5f3ca7269584ef298dc172e4","name":"Usman Sabuwala","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648591642/VKg_lEi1D.jpeg","username":"usmanwrites","__typename":"User"},{"_id":"60179e85a4a28d1fcefce2e6","name":"Georgey V B","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1612160646441/uQJB8Cwrp.jpeg","username":"geobrodas","__typename":"User"}],"bookmarked":false,"views":5124,"url":"https://okikio.hashnode.net/psa-add-dark-mode-to-your-sites-or-at-least-let-the-browsers-do-it-for-you","totalReactions":95,"title":"PSA: Add dark mode to your sites, or at least let the browsers do it for you","dateAdded":"2021-06-22T05:47:18.005Z","cuid":"ckq7mlg4y084dh4s17ou0b80p","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":"Why you should start using the color-scheme property today, and how you can get the browser to automatically apply dark mode for you.","__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"60c3d2b9a25fa357af840470","name":"Okiki Ojo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623450501343/GeXpsjZWS.png","isPro":false,"username":"okikio","__typename":"User","tagline":"Student - Web Developer - Open Source Steward"},"coAuthors":[],"series":null,"tags":[{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744721958ef13879b94b91","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513316949083/By6UMkbfG.png","name":"CSS","slug":"css","__typename":"Tag"},{"_id":"56744721958ef13879b948d4","logo":null,"name":"user experience","slug":"user-experience","__typename":"Tag"},{"_id":"56744723958ef13879b952af","logo":null,"name":"webdev","slug":"webdev","__typename":"Tag"},{"_id":"56744722958ef13879b94e89","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513324674454/r1qtxW-zf.png","name":"Design","slug":"design","__typename":"Tag"}],"publication":{"_id":"60c3d7481e145957d5af7bb7","url":"https://okikio.hashnode.net","canonicalURL":"https://okikio.hashnode.net","title":"Okiki's Blog","displayTitle":"","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623916433158/GTvFtY2Bb.png","headerColor":"#FFFF00","metaTags":"\n\n","isTeam":false,"domainInfo":{"hashnodeSubdomain":"okikio","domain":{"host":"blog.okikio.dev","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"60d460b612f77505a833bac5","author":{"_id":"60179e85a4a28d1fcefce2e6","name":"Georgey V B","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1612160646441/uQJB8Cwrp.jpeg","isPro":false,"username":"geobrodas","__typename":"User"},"content":{"html":"

Great writeup! Didn't know about the meta tag

\n","markdown":"Great writeup! Didn't know about the `meta` tag","text":"Great writeup! Didn't know about the meta tag\n","__typename":"Content"},"dateAdded":"2021-06-24T10:38:46.611Z","stamp":"ckqarvzo1015948s10bukhgsj","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"60d487bf5ed303057ace9693","author":{"_id":"60c3d2b9a25fa357af840470","name":"Okiki Ojo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1623450501343/GeXpsjZWS.png","isPro":false,"username":"okikio","__typename":"User"},"content":{"html":"

Thanks

\n","markdown":"Thanks","text":"Thanks\n","__typename":"Content"},"dateAdded":"2021-06-24T13:25:19.794Z","stamp":"ckqaxu6gh02yg2ys19mdw8bve","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"6103f4819036db5b3513c77e","author":{"_id":"5f3ca7269584ef298dc172e4","name":"Usman Sabuwala","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648591642/VKg_lEi1D.jpeg","isPro":false,"username":"usmanwrites","__typename":"User"},"content":{"html":"

Damn I was finding a way to make the scrollbar dark! Thanks a l=ton man!

\n","markdown":"Damn I was finding a way to make the scrollbar dark! Thanks a l=ton man!","text":"Damn I was finding a way to make the scrollbar dark! Thanks a l=ton man!\n","__typename":"Content"},"dateAdded":"2021-07-30T12:45:53.927Z","stamp":"ckrqca4xy0c0o0ls1ez6o15l8","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mg==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5f3ca7269584ef298dc172e4","name":"Usman Sabuwala","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648591642/VKg_lEi1D.jpeg","isPro":false,"username":"usmanwrites","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"60179e85a4a28d1fcefce2e6","name":"Georgey V B","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1612160646441/uQJB8Cwrp.jpeg","isPro":false,"username":"geobrodas","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

PSA: Add dark mode to your sites, or at least let the browsers do it for you

3 comments