{"id":24203,"date":"2007-12-12T10:00:00","date_gmt":"2007-12-12T10:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/2007\/12\/12\/when-selecting-system-colors-match-but-dont-mix\/"},"modified":"2007-12-12T10:00:00","modified_gmt":"2007-12-12T10:00:00","slug":"when-selecting-system-colors-match-but-dont-mix","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/oldnewthing\/20071212-00\/?p=24203","title":{"rendered":"When selecting system colors, match but don't mix"},"content":{"rendered":"

Here’s a question that came in from a customer:<\/p>\n

Is there a way to view all the Windows color schemes at once? We want to display text in the COLOR_BTNTEXT<\/code> color against a background of COLOR_INACTIVECAPTION<\/code>, and we want to check that this looks good in all of the themes. <\/p><\/blockquote>\n

A mistake I see from some programs is mixing system colors that are not meant to be mixed. The colors I’m talking about are the ones obtained from the GetSysColor<\/code> function. Here are the text and background color pairs, with a sample of what those colors are on a default install of Windows XP.<\/p>\n\n\n\n\n\n\n\n\n\n\n
Text<\/th>\nBackground<\/th>\nSample<\/th>\n<\/tr>\n
COLOR_WINDOWTEXT<\/code><\/td>\nCOLOR_WINDOW<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_HOTLITE<\/code><\/td>\nCOLOR_WINDOW<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_HIGHLIGHTTEXT<\/code><\/td>\nCOLOR_HIGHLIGHT<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_INFOTEXT<\/code><\/td>\nCOLOR_INFOBK<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_MENUTEXT<\/code><\/td>\nCOLOR_MENU<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_BTNTEXT<\/code><\/td>\nCOLOR_BTNFACE<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_CAPTIONTEXT<\/code><\/td>\nCOLOR_ACTIVECAPTION<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n
COLOR_INACTIVECAPTIONTEXT<\/code><\/td>\nCOLOR_INACTIVECAPTION<\/code><\/td>\n

<\/p>\n

sample<\/font><\/td>\n<\/tr>\n<\/table>\n

If you’re going to combine colors, and you need them to contrast against each other (for example, because you’re going to draw text with them as the foreground and background colors), choose a pair from one of the rows above. Do not choose colors from different rows because there is no guarantee that they will be readable against each other.\n For example, I like to use black on #71FFFF<\/font> as my color scheme for highlighted text. I’ve seen programs which break the above rule and draw text in the COLOR_HIGHLIGHT<\/code> color against a background of COLOR_WINDOW<\/code>, on the assumption that the highlight color contrasts against the window color. (They get away with this in the default Windows XP color scheme because the window color is white and the highlight color is medium blue.) Unfortunately, on my machine, this results in text that is extremely painful on the eyes<\/font>.\n Remember: When it comes to system colors, match. Don’t mix.<\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Here’s a question that came in from a customer: Is there a way to view all the Windows color schemes at once? We want to display text in the COLOR_BTNTEXT color against a background of COLOR_INACTIVECAPTION, and we want to check that this looks good in all of the themes. A mistake I see from […]<\/p>\n","protected":false},"author":1069,"featured_media":111744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[25],"class_list":["post-24203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oldnewthing","tag-code"],"acf":[],"blog_post_summary":"

Here’s a question that came in from a customer: Is there a way to view all the Windows color schemes at once? We want to display text in the COLOR_BTNTEXT color against a background of COLOR_INACTIVECAPTION, and we want to check that this looks good in all of the themes. A mistake I see from […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/24203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/users\/1069"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/comments?post=24203"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/24203\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media\/111744"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media?parent=24203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/categories?post=24203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/tags?post=24203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}