This page lists the XAML brushes that can be used to style ArcGIS Pro add-in text blocks, control states, backgrounds and borders. In most cases, if you use the available Esri styles for various WPF controls, you will not need to specify brushes to style the controls. Refer to ProGuide: Style Guide for the available Esri styles. Light theme brushes are shown.
The table below lists the brushes to style the foreground property of WPF TextBlock elements in ArcGIS Add-ins.
SolidColorBrush | Light theme | Dark theme | Description |
---|---|---|---|
Esri_TextMenuBrush | #FFFFFF | #D1D1D1 | Foreground brush for text in menu items |
Esri_TextStyleDisabledBrush | #959595 | #9F9F9F | Foreground brush for disabled text. |
Esri_TextStyleSubduedBrush | #6A6A6A | #9E9E9E | Foreground brush for sub-text or informational text |
Esri_TextCaptionInactiveBrush | #6A6A6A | #9E9E9E | Foreground brush for title text in inactive window or panes |
Esri_TextStyleDefaultBrush | #4A4A4A | #D1D1D1 | Foreground brush for default text |
Esri_TextInfoBrush | #4A4A4A | #D1D1D1 | Foreground brush for text in tooltips and screentips |
Esri_TextSelectionInactiveHighlightBrush | #4A4A4A | #D1D1D1 | Foreground brush for text in inactive list items and tabs |
Esri_TextControlBrush | #4A4A4A | #D1D1D1 | Foreground brush for text in controls such as Buttons, Combobox, text fields |
Esri_TextGalleryItemBrush | #4A4A4A | #4C4C4C | Foreground brush for text in gallery items |
Esri_TextStyleEmphasisBrush | #2B2B2B | #D4D4D4 | Foreground brush for emphasised text such as headers |
Esri_TextCaptionActiveBrush | #007AC2 | #2493F2 | Foreground brush for title text in active window or panes |
Esri_TextSelectionHighlightBrush | #007AC2 | #2493F2 | Foreground brush for text in active/selected list items or tabs |
Esri_BlueBackstageHeader | #007AC2 | #2493F2 | Foreground brush backstage header title |
The table below lists the brushes to style the background and border properties of WPF controls in ArcGIS Add-ins. These brushes should be used to define the hover and pressed states of the controls.
SolidColorBrush | Light theme | Dark theme | Description |
---|---|---|---|
Esri_BackgroundHoverBrush | #9FD4F3 | #1061A5 | Background brush for hover state of controls such as buttons, list items, command links |
Esri_BackgroundSelectedBrush | #9FD4F3 | #1B394C | Background brush for selected state of controls such as buttons, list items, command links |
Esri_BackgroundHoverSelectedBrush | #C7EBFF | #3C6D98 | Background brush for hover selected state of controls such as buttons, list items, command links |
Esri_BackgroundPressedBrush | #9BCCEC | #447797 | Background brush for pressed state of controls such as buttons, list items, command links |
Esri_BorderHoverBrush | #77BDE7 | #2082D8 | Border brush for hover state of controls such as buttons, list items, command links |
Esri_BorderSelectedBrush | #007AC2 | #2493F2 | Border brush for selected state of controls such as buttons, list items, command links |
Esri_BorderHoverSelectedBrush | #007AC2 | #2493F2 | Border brush for hover selected state of controls such as buttons, list items, command links |
Esri_BorderPressedBrush | #007AC2 | #2493F2 | Border brush pressed state of controls such as buttons, list items, command links |
Esri_BorderBrush | #B5B5B5 | #4A4A4A | Border brush for any control. |
The table below lists the brushes to style the background property of WPF container elements (dockpanes, windows, galleries, etc.) in ArcGIS Add-ins.
SolidColorBrush | Light theme | Dark theme | Description |
---|---|---|---|
Esri_DockPaneClientAreaBackgroundBrush | #F7F8F8 | #333333 | Background brush of the client area for docking panes |
Esri_DialogFrameBackgroundBrush | #F7F8F8 | #333333 | Background brush of the frame surrounding the client area in dialogs |
Esri_DialogClientAreaBackgroundBrush | #FFFFFF | #242424 | Background brush of the client area for dialogs |
Esri_ControlBackgroundBrush | #FFFFFF | #242424 | Background brush for most controls such as buttons, combo boxes, text fields |
Esri_GalleryItemBackgroundBrush | transparent | #FFFFFF | Background brush for the Gallery item |