{"id":231296,"date":"2021-04-20T16:00:38","date_gmt":"2021-04-20T13:00:38","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/why-dos-applications-used-white-on-blue-text-cloudsavvy-it\/"},"modified":"2021-04-20T16:00:38","modified_gmt":"2021-04-20T13:00:38","slug":"why-dos-applications-used-white-on-blue-text-cloudsavvy-it","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/why-dos-applications-used-white-on-blue-text-cloudsavvy-it\/","title":{"rendered":"#Why DOS Applications Used White-On-Blue Text \u2013 CloudSavvy IT"},"content":{"rendered":"<p><strong>&#8220;#Why DOS <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">App<\/a>lications Used White-On-Blue Text \u2013 CloudSavvy IT&#8221;<\/strong><\/p>\n<div id=\"article-content-area\">\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10762\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/2e54e144-1.png?width=1200&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"700\" height=\"308\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Many DOS applications use white text on a blue background as the default colors.\u00a0 Why is this the default color choice? The answer, like so many things in <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/technology\/\" data-internallinksmanager029f6b8e52c=\"4\" title=\"Technology\" target=\"_blank\" rel=\"noopener\">technology<\/a>, is because of its history. You\u2019ll often find this same color scheme on many Windows and Linux applications that run in character mode.<\/p>\n<p>To understand why applications adopted white-on-blue, it helps to first recall how DOS applications displayed text on the screen. An ever-present DOS application was the word processor. WordStar, WordPerfect, PC-Write, and other word processors were the mainstay of office computing in the 1980s and 1990s. Whichever word processor you preferred, you probably used the default colors: either white text on a black background, or white text on a blue background.<\/p>\n<p>But you might ask, \u201cIf you\u2019re editing text that would later be printed on paper, why not show your document in black text on a white background?\u201d To answer that, let\u2019s consider DOS text.<\/p>\n<p>DOS text was character only. You could change the color, but you couldn\u2019t modify the style. There was no <strong>bold<\/strong>, <em>italics<\/em>, and <span style=\"text-decoration: underline;\">underline<\/span> \u201cfont\u201d in plain text mode. And for more complex documents, you didn\u2019t have a separate text style for links or footnotes. In character mode, the PC could only display plain text. You could change the text color and background color, and that was about it.<\/p>\n<p>To get around this limitation, DOS applications used colors in place of screen formatting. Let\u2019s say your word processor used white text on a black background. You might see bold text in a bright white color, italics text in cyan, underlined text in green, or other text styles in different colors:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10649\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/95199588.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"White text on a black background\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>This text is easy to read. You should be able to distinguish the different text styles, and see the different text colors against the main body text.<\/p>\n<p>But reading white-on-black can be very tiring, so many applications adopted a more popular color scheme of white text on a blue background:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10650\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/1b4b6695.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"White text on a blue background\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Even with the same colors for each of the text styles, you can still easily identify the different styles used in this sample. The bright white stands out as bold, the cyan and green identify italics and underlined text.<\/p>\n<p>If we change the colors to try to represent text as it might appear on a printed page, with black text on a white background, we first run into the limitation that background colors can only use the \u201clow intensity\u201d colors. For example, a standard PC display cannot show text with a bright white background. Using the same \u201cstyle\u201d colors from above, black text on a white background looks like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10646\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/1d7b0666.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Black text on a white background\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>But what if you wanted to display bold text in black? Assuming plain black for the text color, you need a different text color to represent bold. There isn\u2019t a darker color of black to represent bold text, so you might instead change bold to use the \u201cbright black\u201d color. This makes the bold text more difficult to read against the white background:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10647\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/0b0ab540.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Black text on a white background\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>And it gets worse if you try to set the text color to \u201cbright black\u201d and display bold text in plain black. The bold text is easy to read, but the body text fades into the white background:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10648\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/074c8eb4.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Bright black text on a white background\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The screenshots don\u2019t completely represent how users saw text in their DOS applications. Computers of the era used CRT displays. These were lower resolution than today\u2019s LCD displays. Where a modern display might support 1920\u00d71080 pixels, standard VGA displays supported only 640\u00d7480 resolutions.<\/p>\n<p>I can approximate this lower resolution through graphics software. (I used GIMP on Linux.) I\u2019ve added a very soft \u201cbloom\u201d to each of the screenshots, to simulate the CRT\u2019s tendency to show lighter areas with a slight glow. I\u2019ve also simulated a video degradation, representative of displaying text on a lower-resolution monitor.<\/p>\n<p>Viewing the screenshots with these distortions, you can see how white text on a black background provided the best readability on a VGA monitor of the day. Here, the soft glow that was typical of DOS text on a CRT monitor actually helps make text easier to read:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10655\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/5accf5c1.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"White text on a black background (VGA)\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The more popular white text on a blue background also affords great readability. You can clearly distinguish the different text styles. Even the bright white color for bold remains visible against the blue background. Scaling these images for the website adds a slight artifact with the background \u201cscan lines\u201d \u2013 so this might be more representative of a <em>cheap<\/em> VGA monitor:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10656\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/82bd9ed9.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"White text on a blue background (VGA)\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>This also demonstrates why using black text on a white background isn\u2019t a great solution for DOS word processing. The CRT adds a soft glow around brighter areas on the screen, causing black text on the white background to appear dim:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10652\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/e40863bf.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Black text on a white background (VGA)\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The text becomes increasingly difficult to read if you change the bold text to use a \u201cbright black\u201d color, or if you change the body text to use \u201cbright black\u201d with plain black for bold. The text fades into the background, making the text difficult to read:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10653\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/e5eb5d54.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Black text on a white background (VGA)\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10654\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/b5b1a75e.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Bright black text on a white background (VGA)\" width=\"947\" height=\"232\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>And that\u2019s why most DOS applications used white text on a blue background. When you consider that DOS text only had one \u201cfont,\u201d and factor in the limited color set with sixteen text colors and eight background colors, using white-on-blue or white-on-black made applications easier to read. Many applications started out with plain white text on a black background, but added color when CGA, EGA, and VGA became the norm in offices. The extra touch of color, even just a blue background, made the applications feel a bit more modern.<\/p>\n<p>The next time you see a DOS application, or even a Windows console application running in text mode, remember the colors. That\u2019s why white-on-blue is so prevalent.\n<\/p><\/div>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.cloudsavvyit.com\/10633\/why-dos-applications-used-white-on-blue-text\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#Why DOS Applications Used White-On-Blue Text \u2013 CloudSavvy IT&#8221; Many DOS applications use white text on a blue background as the default colors.\u00a0 Why is this the default color choice? The answer, like so many things in technology, is because of its history. You\u2019ll often find this same color scheme on many Windows and Linux&#8230;<\/p>\n","protected":false},"author":1,"featured_media":231297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/04\/2e54e144-1.png","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-231296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/231296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=231296"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/231296\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/231297"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=231296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=231296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=231296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}