#High contrast windows 10 themes how to#

We recommend using 2px borders for transitory surfaces such as flyouts and dialogs. Add a contrast theme-only border only where necessary to preserve important boundaries in your UI. Pages, panes, popups, and bars should all use SystemColorWindowColor for their background. This enables the automatic substitution of colors and brushes based on the user's current theme. We use markup extension to reference a color in the ThemeDictionaries collection of a ResourceDictionary. The resource is then assigned to the background of an element. SystemColorWindowColor is a good choice here as BrandedPageBackgroundBrush indicates that it will be used for a background.

#High contrast windows 10 themes how to#

In the following code snippet, we show how to pick a resource for BrandedPageBackgroundBrush. SystemColorButtonTextColor + SystemColorButtonFaceColor SystemColorHighlightTextColor + SystemColorHighlightColor The next table shows how the colors appear when used on a background set to SystemColorWindowColor. SystemColorButtonFaceColorBackground color for buttons and any UI that can be interacted with.Pair with SystemColorButtonTextColor SystemColorButtonTextColorForeground color for buttons and any UI that can be interacted with.Pair with SystemColorButtonFaceColor SystemColorHighlightColorBackground or accent color for UI that is in selected, interacted with (hover, pressed), or in progress.Pair with SystemColorHighlightTextColor SystemColorHighlightTextColorForeground color for text or UI that is in selected, interacted with (hover, pressed), or in progress.Pair with SystemColorHighlightColor SystemColorGrayTextColorInactive (disabled) UI.Pair with SystemColorWindowColor

SystemColorHotlightColorHyperlinks.Pair with SystemColorWindowColor SystemColorWindowTextColorHeadings, body copy, lists, placeholder text, app and window borders, any UI that can't be interacted with.Pair with SystemColorWindowColor SystemColorWindowColorBackground of pages, panes, popups, and windows. Each SystemColor resource is a variable that automatically updates the color when the user switches contrast themes. This table shows the contrast theme colors and their recommended pairings. The following image shows the Edit theme dialog for the Aquatic contrast theme. On the Settings > Ease of access > Contrast themes page (shown in the following image), users can select from four default contrast themes: Aquatic, Desert, Dusk, and Night sky.ДЄfter the user selects an option, they can choose to immediately apply it, or they can edit the theme. See Contrast colors for details on picking one of the dynamic system HighContrast colors for the SystemColor brush. In the HighContrast ResourceDictionary (shown in the following code snippet), specify an appropriate SystemColor brush.

Give it an x:Key name corresponding to its intended use (a StaticResource referencing an existing system brush would also be appropriate). In the Default dictionary, create the type of Brush you need (usually a SolidColorBrush). In App.xaml, create a ThemeDictionaries collection with both a Default and a HighContrast ResourceDictionary (a Light ResourceDictionary is not necessary for this example). Creating theme dictionariesДЄ ResourceDictionary.ThemeDictionaries object can indicate theme colors that are different from the system-defined colors by specifying brushes for the Default (Dark), Light, and HighContrast contrast themes.Д¬ontrast theme refers to the feature in general, while HighContrast refers to the specific dictionary being referenced. You can programmatically check if the current theme is a contrast theme through the AccessibilitySettings class (you must call the AccessibilitySettings constructor from a scope where the app is initialized and is already displaying content). If you are using brushes correctly, this setting should be turned off. This sets all text color to white with a solid black highlight behind it, ensuring sufficient contrast against all backgrounds. Windows apps have HighContrastAdjustment turned on by default. If you have not selected a theme previously, the Aquatic theme is used by default (shown in the following image). You can also press the left-Alt key + Shift key + Print screen (PrtScn on some keyboards) to quickly turn contrast themes on or off.