{"id":457,"date":"2019-10-15T01:42:49","date_gmt":"2019-10-15T08:42:49","guid":{"rendered":"https:\/\/gmrgames.com\/blog\/?p=457"},"modified":"2022-03-08T14:15:31","modified_gmt":"2022-03-08T22:15:31","slug":"whats-with-the-dark-themes","status":"publish","type":"post","link":"https:\/\/rose.dev\/blog\/2019\/10\/15\/whats-with-the-dark-themes\/","title":{"rendered":"What’s with the dark themes?"},"content":{"rendered":"\n

Some may have noticed the rising trend of dark themed applications and websites. This is not just your imagination. Dark themes are the latest design fad that regularly changes up every so often. Right now, flat, simple designs are in<\/em>, as well as dark themes. macOS added dark theme to their entire OS, built in system apps included. Microsoft and many other vendors, including Android, and third-party applications implement dark modes into all their apps. There are extensions like “Dark Reader”<\/a> that specifically render websites in dark mode. My website is entirely dark themed. <\/p>\n\n\n\n

Why dark themes?<\/h2>\n\n\n\n

1. Choice is good.<\/p>\n\n\n\n

2. It looks great.<\/p>\n\n\n\n

3. Normal, white\/blue light emitted from the screen keeps you awake (suppresses melatonin<\/a>)<\/p>\n\n\n\n

4. Eyestrain<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

5. Google<\/a> confirmed that using dark mode on an OLED screen is a huge help for battery life. Dark mode interface in the YouTube app saves about 15% battery vs not using it on 50% screen brightness. If you use 100% screen brightness (the hell, are you on the sun or something?) then it saves a massive 60% of battery life<\/em><\/p>\n\n\n\n

6. It’s easier for long periods of staring at the same image in specific<\/p>\n\n\n\n

Let me point this out just for myself real quick, I cannot<\/em> code on a white background. I need to look at the code for hours and hours at a time, my eyeballs would sear if I continued staring at a white background. Here’s a comparison of dark mode vs light mode from one of my favorite script editors.<\/p>\n\n\n\n

\"Dark<\/figure><\/div>\n\n\n\n
\"Light<\/figure><\/div>\n\n\n\n

Plus, dark mode on an OLED screen blends into the bezels(?) so well, it looks practically magical. It’s possible to forget you have a camera cutout or notch if you choose the right wallpaper.<\/p>\n

\r\nIt helps me if you share this post\r\n\r\n\r\nPublished 2019-10-15 01:42:49 ","protected":false},"excerpt":{"rendered":"

Right now, flat, simple designs are\u00a0in, as well as dark themes. macOS added dark theme to their entire OS, built in system apps included. Microsoft and many other vendors, including Android, and third-party applications implement dark modes into all their apps. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[835,833],"tags":[],"class_list":["post-457","post","type-post","status-publish","format-standard","hentry","category-misc","category-technology"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":3,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/457\/revisions"}],"predecessor-version":[{"id":1439,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/457\/revisions\/1439"}],"wp:attachment":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/media?parent=457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/categories?post=457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/tags?post=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}