{"id":4052,"date":"2008-09-14T15:50:28","date_gmt":"2008-09-14T10:20:28","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/?p=4052"},"modified":"2021-10-26T20:03:55","modified_gmt":"2021-10-26T14:33:55","slug":"fix-light-text-on-dark-background","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2008\/09\/fix-light-text-on-dark-background\/","title":{"rendered":"Fix Light Text on Dark Background to Reduce Eye Strain"},"content":{"rendered":"

I often encounter professional web designers who like to display light text on dark backgrounds <\/strong>(sometimes white text on a black background<\/strong>), but have they ever wondered how much eyestrain it causes to the reader and how much difficult it is to read the text?<\/p>\n

Annoyed by light text on a dark background?<\/h3>\n

I really didn’t know how to echo my thoughts, till Ironic Sans<\/a> provided me a way to inform webmasters<\/a> that readability was an issue with their site, the eyestrain was not tolerable, and kept me away from visiting their site and reading their great content.<\/p>\n

Try to read through the paragraph for yourself.<\/p>\n

I don’t know if I’m seeing more and more blogs that use light text on a dark background lately, or if I’m just getting more sensitive to it for some reason, but I don’t think my eyes can take it anymore. Sure, some sites look nice with that combination, but only when you first load them up. After reading a paragraph like this, the super high contrast gets to me. And the worst part is when I go to a different site and have the lingering after-image of the high contrast blog still burned in my retinas.<\/div>\n

If you could not read through that, they provide a cool bookmarklet, that you can use when you encounter light text on dark backgrounds – simply click it and it will fix the site design with dark text on a light background<\/strong>. Now that bookmarklet is a permanent addition to my tools.<\/p>\n

Of course, there are more ways to reduce computer eyestrain<\/strong> like increasing monitor refresh rate<\/a> or turning on ClearType<\/a>, but this fix will surely enable me to read many more blogs.<\/p>\n

Fast forward to 2021 and now dark mode<\/a> is the preferred way to use mobile devices.<\/p>\n","protected":false},"excerpt":{"rendered":"

I often encounter professional web designers who like to display light text on dark backgrounds (sometimes white text on a…<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-4052","post","type-post","status-publish","format-standard","hentry","category-blogging"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/4052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=4052"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/4052\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=4052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=4052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=4052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}