{"id":768160,"date":"2025-09-01T13:39:57","date_gmt":"2025-09-01T20:39:57","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcuser&#038;p=768160"},"modified":"2025-09-01T13:39:57","modified_gmt":"2025-09-01T20:39:57","slug":"elevate-your-dashboards-with-themes","status":"publish","type":"arcuser","link":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes","title":{"rendered":"Elevate Your Dashboards with Themes"},"author":5752,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","castos_file_data":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","_links_to":"","_links_to_target":""},"categories":[25022],"tags":[424992,176992,493171,486142,493170],"arcuser_issues":[493152],"class_list":["post-768160","arcuser","type-arcuser","status-publish","format-standard","hentry","category-hands-on","tag-arcgis-dashboards","tag-basemaps","tag-blending","tag-themes","tag-tinting","arcuser_issues-summer-2025"],"acf":{"short_description":"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"With ArcGIS Dashboards, it is important that your data has a look and feel that suits the story you are trying to tell. You may be delivering a business brief or planning a land-conservation project with your community\u2014each of these will involve different colors and styling options that best communicate the data to your audience.\r\n\r\nThis is where dashboard themes come in. Within ArcGIS Dashboards, there are several provided themes that you can apply with a single click. You can also create custom themes to match your organization's style guidelines and user environments, complement the data, and more. The theme is saved with the dashboard and applied to both desktop and mobile views.\r\n\r\nWhen you create a dashboard, you will see theme options available in the Theme panel. The light theme option is applied by default. Switching between theme options is easy, allowing you to choose one that suits your needs. All provided themes have been tested for appropriate contrast between text and foreground, ensuring that your dashboard is not only attractive but also easy to read. When adding a new chart, built-in colors for data visualizations are paired with colors in the layout for a professional, consistent aesthetic."},{"acf_fc_layout":"image","image":768161,"image_position":"center","orientation":"vertical","hyperlink":""},{"acf_fc_layout":"content","content":"Using the theme panel, these theme options can also be applied to dashboards created prior to the June 2024 update. Your current theme will appear as a custom theme. To switch to the new theme, simply copy a new one for use from the themes list. If you want to try modifying an out-of-the-box theme, it will override your existing custom theme."},{"acf_fc_layout":"content","content":"<h2>Custom Themes<\/h2>\r\nCreating a custom theme, whether from scratch or based on an out-of-the-box theme, is simple and efficient. To copy and configure it, use the Customize selected theme button\u2014you will see a custom theme panel displayed. Here you\u2019ll find options to further customize your colors along with additional styling controls for corner radius and element spacing."},{"acf_fc_layout":"image","image":768162,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Digging deeper into custom theme settings will help you find additional options to tailor the look and feel of your dashboard to meet your needs. In the Color section, click Customize to see options to edit the colors in your dashboard. Three key colors are used for the text, foreground, and accent for your dashboard, and they play a significant role in the overall appearance. If you expand the Advanced colors panel, you will see additional color options to adjust areas of the dashboard that were previously unavailable for adjustment.\r\n\r\nIf you\u2019re working with brand guidelines from your organization, this may be where you choose to incorporate them. As you adjust colors, you may notice an alert next to the color you\u2019ve changed. These are part of a built-in color contrast checker, which can ensure that you\u2019ve achieved adequate contrast between text and foreground. If this alert shows up, open the color picker and expand the area at the bottom to see where contrast may need improvement. As you adjust the color, you will see the alert in the panel disappear and the contrast checker will provide a positive indication."},{"acf_fc_layout":"content","content":"<h2>Basemaps That Match Your Theme<\/h2>\r\nBasemaps play an important role in making your data stand out. When it comes to aligning a map with the overall theme of a dashboard, balance is key. The right basemap can help tie your dashboard together, ensuring that the map\u2019s geographic context enhances your data without overpowering the overall design.\r\n\r\nMany basemaps come with color-rich schemes and intricate details, which can be distracting and diminish your data\u2019s ability to stand out. They can also compete with the theme colors in the dashboard. In such cases, ensuring that the basemap complements your dashboard theme is essential for maximizing both aesthetics\r\nand clarity.\r\n\r\nTo choose a basemap, open Map Viewer and access the Basemap pane by clicking the Basemap option on the Contents toolbar. You can then select from various basemap types, such as topography, imagery, or streets.\r\n\r\nWhether your dashboard is using a provided theme or a custom one, the base-map\u2019s color is important in complementing your dashboard\u2019s overall color scheme."},{"acf_fc_layout":"content","content":"<h2>Tint Your Basemap<\/h2>\r\nIf your map requires important geographic context, such as road networks or city boundaries, but the color scheme of the basemap clashes with your dashboard theme, you can easily adjust the basemap colors. Let\u2019s take the permits dashboard shown here as an example to demonstrate how to modify the basemap to better align with its dashboard theme."},{"acf_fc_layout":"image","image":768164,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<ol>\r\n \t<li>Open the web map in Map Viewer and start by selecting a basemap that provides the necessary geographic context for your data. In this case, World Imagery provides context to proposed building locations.<\/li>\r\n<\/ol>"},{"acf_fc_layout":"image","image":768165,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<ol start=\"2\">\r\n \t<li>To match the overall look and feel of your dashboard, apply a background color. From the map properties option on the Contents toolbar, click Enable background color to select a color that complements the theme.<\/li>\r\n<\/ol>"},{"acf_fc_layout":"image","image":768166,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<ol start=\"3\">\r\n \t<li>Combine blend modes with effects to fine-tune the appearance of your map. Adjusting the transparency can help you control the visibility of underlying layers, while blend modes give you additional control over how the layers\u2019 colors and textures are displayed.<\/li>\r\n<\/ol>"},{"acf_fc_layout":"content","content":"As an example of this last point, applying luminosity blending to the permits web map helps the data stand out by softening the colors in the basemap.\r\n\r\nTo apply this effect, point to the Basemap pane on the Contents toolbar and click Current Basemap.\r\n\r\nFirst, select the layer and click Properties. Then under Appearance, in the Blending drop-down menu, select Luminosity. Finally, adjust the transparency as needed to improve the overall aesthetic.\r\n\r\nThe result is a map that aligns with the dashboard's theme and accentuates the data points, all while providing important satellite imagery context for reviewing construction sites.\r\n\r\n(Tip: Turn off the web map\u2019s background color in Map Viewer and instead set it in the dashboard. This allows you to try different dashboard themes and see the tinting happen directly in the dashboard.)\r\n\r\nAdditionally, adjusting your effects can enhance specific map features, such as roads. Subtle adjustments can help the map align with the dashboard\u2019s design."},{"acf_fc_layout":"image","image":768167,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Balancing your basemap with the dashboard theme is key to ensuring that the data remains clear and easy to interpret. The goal is to adjust content-rich basemaps\u2014by tinting or modifying them\u2014to complement the dashboard theme without overshadowing the data itself. A visually appealing map can enhance your dashboard\u2019s effectiveness. When done thoughtfully, themes allow you to achieve both a beautiful design and a functional dashboard that communicates critical information."}],"references":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Elevate Your Dashboards with Themes | Summer 2025 | ArcUser<\/title>\n<meta name=\"description\" content=\"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser\" \/>\n<meta property=\"og:description\" content=\"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/08\/arcuser-banner-elevate-wide.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser\" \/>\n<meta name=\"twitter:description\" content=\"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/08\/arcuser-banner-elevate-wide.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes\",\n\t            \"name\": \"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t            },\n\t            \"datePublished\": \"2025-09-01T20:39:57+00:00\",\n\t            \"description\": \"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Elevate Your Dashboards with Themes\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t            \"name\": \"Esri\",\n\t            \"description\": \"Esri Newsroom\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d\",\n\t            \"name\": \"Amy Ambard\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"caption\": \"Amy Ambard\"\n\t            },\n\t            \"url\": \"\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser","description":"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes","og_locale":"en_US","og_type":"article","og_title":"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser","og_description":"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/08\/arcuser-banner-elevate-wide.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser","twitter_description":"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.","twitter_image":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2025\/08\/arcuser-banner-elevate-wide.jpg","twitter_site":"@Esri","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes","url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes","name":"Elevate Your Dashboards with Themes | Summer 2025 | ArcUser","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2025-09-01T20:39:57+00:00","description":"Learn how to use themes to imbue your dashboards with a look and feel that suits the story you are trying to tell.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/elevate-your-dashboards-with-themes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"Elevate Your Dashboards with Themes"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d","name":"Amy Ambard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","caption":"Amy Ambard"},"url":""}]}},"sort_order":"15","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/768160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcuser"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/5752"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/768160\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=768160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=768160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=768160"},{"taxonomy":"arcuser_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser_issues?post=768160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}