{"id":75251,"date":"2017-01-30T19:36:54","date_gmt":"2017-01-30T19:36:54","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/arcgis-pro-ui-styling-with-the-pro-sdk\/"},"modified":"2018-03-26T21:11:43","modified_gmt":"2018-03-26T21:11:43","slug":"arcgis-pro-ui-styling-with-the-pro-sdk","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/\/uncategorized\/arcgis-pro-ui-styling-with-the-pro-sdk","title":{"rendered":"ArcGIS Pro UI Styling with the Pro SDK"},"author":6271,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[],"tags":[23641,28421],"industry":[],"product":[36561,36851,36601],"class_list":["post-75251","blog","type-blog","status-publish","format-standard","hentry","tag-net","tag-visual-studio","product-arcgis-pro","product-arcgis-pro-net","product-developers"],"acf":{"short_description":"One of the cool new features in ArcGIS Pro 1.4 is the ability to view the Pro UI in the new dark theme, which also provides high contrast...","flexible_content":[{"acf_fc_layout":"content","content":"

One of the cool new features in ArcGIS Pro 1.4<\/a> is the ability to view the Pro UI in the new dark theme, which also provides high contrast mode support.\u00a0 This post will introduce you to some of the high-level styling considerations and also the new resources which will help you refine your add-ins so they will look great in both light and dark theme.<\/p>\n

Here is a custom dockpane in Pro as seen in the light and dark themes:<\/p>\n

\"\"<\/a><\/p>\n

As you get started, the most important point to remember is to use ArcGIS Pro styles on your WPF UI elements to the greatest extent possible. \u00a0These styles will automatically flip to the correct color scheme whenever the corresponding theme of Pro is changed. \u00a0In most cases (e.g., WPF checkboxes, radio buttons, combo boxes, list boxes), WPF elements will inherit the correct Pro style without needing to change anything further. \u00a0The resources listed below provide specifics to consider on the main WPF controls.<\/span><\/p>\n

Here\u2019s an example of how Esri colors as backgrounds work in both light and dark themes:<\/p>\n

\"\"<\/a>
\n<\/strong><\/p>\n

There are new styling documents and samples on the Pro SDK documentation wiki, which can be found in the Styling section of the Framework topic.\u00a0 Below are some quick introductions with links to each.\u00a0 In addition, each of the Pro SDK community samples<\/a> has been updated for 1.4 to support the light and dark themes, and these are always a good place to see how the different Pro and WFP UI controls are handled and work in a solution.<\/p>\n