{"id":1600132,"date":"2023-02-24T17:14:21","date_gmt":"2023-02-25T01:14:21","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1600132"},"modified":"2023-02-24T17:14:49","modified_gmt":"2023-02-25T01:14:49","slug":"instant-apps-theming-tools-it-has-never-been-easier-to-add-color-and-branding-to-your-apps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/instant-apps-theming-tools-it-has-never-been-easier-to-add-color-and-branding-to-your-apps","title":{"rendered":"Instant Apps theming tools – It has never been easier to add color and branding to your apps"},"author":9972,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[677501,24421,262042],"industry":[],"product":[760042],"class_list":["post-1600132","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-instant-apps","tag-templates","tag-theme","product-instant-apps"],"acf":{"authors":[{"ID":9972,"user_firstname":"Sarah","user_lastname":"McDonald","nickname":"Sarah McDonald","user_nicename":"smcdonald","display_name":"Sarah McDonald","user_email":"SMcDonald@esri.com","user_url":"","user_registered":"2019-09-27 19:38:21","user_description":"Sarah is a Product Engineer for ArcGIS Online that works on Instant Apps. She has been with Esri since 2016 and enjoys cycling, ceramics, and hanging with her dog.","user_avatar":""},{"ID":313542,"user_firstname":"Kurt","user_lastname":"Stremel","nickname":"kstremel","user_nicename":"kstremel","display_name":"Kurt Stremel","user_email":"kstremel@esri.com","user_url":"","user_registered":"2022-06-23 22:31:34","user_description":"Kurt is a Senior User Experience Designer that works on the ArcGIS Online Instant Apps team.","user_avatar":""},{"ID":314312,"user_firstname":"Lucy","user_lastname":"Gonzalez","nickname":"lgonzalez","user_nicename":"lgonzalez","display_name":"Lucy Gonzalez","user_email":"lgonzalez@esri.com","user_url":"","user_registered":"2022-07-01 21:10:42","user_description":"Lucy is a UI Designer in the Instant Apps team at Esri.","user_avatar":""}],"short_description":"Add new styles and branding to your Instant App templates. ","flexible_content":[{"acf_fc_layout":"content","content":"

The Instant Apps experience includes <\/span><\/span><\/span>a set of theming <\/span><\/span><\/span>tools to use to customize the look<\/span><\/span><\/span> and style of<\/span><\/span><\/span> apps.<\/span><\/span><\/span>\u00a0A<\/span><\/span><\/span>pp authors will be able to customize the visual style of an app through predefined color combinations, custom fonts, custom logos, and editable theme colors. Using the preset themes feature, you will be able to style all the elements of your app in one easy step. We have included 10 new color themes that will make it easier to match the colors of your map or complement your organization’s branding. Each theme has a high contrast <\/span><\/span>WCAG 2.1<\/span><\/span><\/a> (Web Content Accessibility Guidelines)<\/span> accessibility<\/span>-approved color combination. This is especially beneficial for visually impaired users.<\/span><\/span><\/p>\n

 <\/p>\n

What is a theme?<\/strong><\/p>\n

Color themes are an effortless way to create a vibrant and modern-looking app. A theme may include everything from the color of the menus, background, fonts, headers, <\/span>panels, and<\/span> toolbars<\/span>. Previously, editing the color value for each of these individual elements was time-consuming and could result in unusual color combinations that may not be accessible to the visually impaired.<\/span><\/span>\u00a0<\/span><\/p>\n

 <\/p>\n

Why have predefined themes?<\/strong><\/p>\n