{"id":601452,"date":"2021-07-04T08:44:22","date_gmt":"2021-07-04T15:44:22","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=601452"},"modified":"2021-10-08T08:21:42","modified_gmt":"2021-10-08T15:21:42","slug":"make-your-own-map-style","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style","title":{"rendered":"Make your own map style"},"author":4291,"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":[462512,100192,462502,31131],"industry":[],"product":[36581,36551],"class_list":["post-601452","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-esri-vector-basemaps","tag-learn-by-doing","tag-vector-tile-editor","tag-vector-tile-layers","product-arcgis-living-atlas","product-arcgis-online"],"acf":{"short_description":"With a few quick edits to an Esri vector basemap, you can personalize your map with custom colors, text, and more. Learn how. ","flexible_content":[{"acf_fc_layout":"content","content":"

With a few quick edits, you can customize the style of vector tile layers with your own colors, patterns, icons, and labels. This article shows you how to restyle the Esri Light Gray Canvas basemap into a brightly colored, slightly whimsical map.<\/em><\/p>\n

\u2018Let\u2019s make the water blue!\u2019<\/p>\n

My 6-year-old niece, Maria, and I were making a map of our favorite places. We were using the Esri light gray canvas vector basemap<\/a>. Esri vector basemaps provide a foundation for your map, using styles that you can edit. The light gray canvas\u00a0map initially seemed like a good choice for our place-finding project. Lots of colors, objects, and labels would only distract us, right? But now I realized it was hard for Maria to see the oceans, lakes, and rivers because they were in neutral shades of gray instead of blue like she expected. Water is a common theme with our favorite places so she was distracted after all.<\/p>\n

If only we could personalize the map to include blue water. But alas we aren\u2019t professional cartographers. What could we do?<\/p>\n

Then I remembered – Map Viewer Classic has a vector tile style editor.\u00a0Vector tile layers<\/a> deliver map data as vector files that are dynamically displayed on the client based on a style delivered with the layer. The dynamic nature of these layers means that the same data can be styled in a variety of different ways.<\/p>\n

With a few quick edits, we made our own brightly colored, slightly whimsical map style<\/a>. We declared it Marvelous.<\/p>\n"},{"acf_fc_layout":"storymap","title":"","description":"","static":false,"storymap_url":"https:\/\/www.arcgis.com\/apps\/Media\/index.html?appid=8920da754a7547ae9f410f00a056b9d0<\/a>"},{"acf_fc_layout":"content","content":"

Here\u2019s how we customized one of Esri’s vector tile layers, the Light Gray Canvas vector basemap, to make our own map style.<\/p>\n

To complete this workflow, you need an ArcGIS account<\/a>, Map Viewer Classic<\/a>,<\/span> and privileges<\/a> to create content.<\/p>\n

Customize the base layer<\/h1>\n

1.<\/strong> Sign in to ArcGIS Online with your ArcGIS account, open the Light Gray Canvas<\/a>\u00a0item page, and click Open in Map Viewer > Open in Map Viewer Classic.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1371052,"id":1371052,"title":"classic-map-viewer-style","filename":"classic-map-viewer-style.jpg","filesize":106360,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/classic-map-viewer-style","alt":"Light Gray Canvas item page with Open in Map Viewer Classic selected","author":"4291","description":"","caption":"","name":"classic-map-viewer-style","status":"inherit","uploaded_to":601452,"date":"2021-10-08 15:21:11","modified":"2021-10-08 15:21:31","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1780,"height":369,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style.jpg","medium-width":464,"medium-height":96,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style.jpg","medium_large-width":768,"medium_large-height":159,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style.jpg","large-width":1780,"large-height":369,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style-1536x318.jpg","1536x1536-width":1536,"1536x1536-height":318,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style.jpg","2048x2048-width":1780,"2048x2048-height":369,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style-826x171.jpg","card_image-width":826,"card_image-height":171,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/07\/classic-map-viewer-style.jpg","wide_image-width":1780,"wide_image-height":369}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

2.<\/strong> In the Details > Content<\/strong> pane, click Light Gray Canvas<\/strong>, point to Light Gray Base<\/strong>, and click the Change Style <\/strong>button.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602122,"id":602122,"title":"change-style","filename":"change-style.png","filesize":7179,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/change-style-3","alt":"Light Gray Base with Change Style button","author":"4291","description":"","caption":"","name":"change-style-3","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:43:35","modified":"2019-09-06 14:43:46","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":334,"height":313,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","medium-width":279,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","medium_large-width":334,"medium_large-height":313,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","large-width":334,"large-height":313,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","1536x1536-width":334,"1536x1536-height":313,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","2048x2048-width":334,"2048x2048-height":313,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","card_image-width":334,"card_image-height":313,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/change-style.png","wide_image-width":334,"wide_image-height":313}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

3.<\/strong> Fill in details for your copy of the style, and click Save Style<\/strong>. Maria and I named our style \u201cBlue water on gray canvas\u201d.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602132,"id":602132,"title":"save style","filename":"save-style.png","filesize":8638,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/save-style","alt":"Filled-in fields in Save style as window","author":"4291","description":"","caption":"","name":"save-style","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:45:08","modified":"2019-09-06 14:45:25","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":680,"height":326,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","medium-width":464,"medium-height":222,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","medium_large-width":680,"medium_large-height":326,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","large-width":680,"large-height":326,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","1536x1536-width":680,"1536x1536-height":326,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","2048x2048-width":680,"2048x2048-height":326,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","card_image-width":680,"card_image-height":326,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/save-style.png","wide_image-width":680,"wide_image-height":326}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The Change Style window opens. There are lots of options to consider. We decided to keep it simple and make quick edits to colors.<\/p>\n

4.<\/strong> In the Change Style<\/strong> window, click the pencil-shaped quick edit button.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602142,"id":602142,"title":"quick-edit-button","filename":"quick-edit-button.png","filesize":13099,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/quick-edit-button","alt":"Change Style with Quick Edit pane opened","author":"4291","description":"","caption":"","name":"quick-edit-button","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:47:02","modified":"2019-09-06 14:47:51","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":585,"height":556,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","medium-width":275,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","medium_large-width":585,"medium_large-height":556,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","large-width":585,"large-height":556,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","1536x1536-width":585,"1536x1536-height":556,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","2048x2048-width":585,"2048x2048-height":556,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button-489x465.png","card_image-width":489,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/quick-edit-button.png","wide_image-width":585,"wide_image-height":556}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Quick Edit groups layers into six categories\u2014land, water, roads, boundary, buildings, and nature. The tool makes it easy to style all the layers within a group at once.<\/p>\n

Before we started changing the colors, we found Maria\u2019s favorite place in the world\u2014Cape Town, South Africa. We couldn\u2019t resist those cute mini maps. And we also wanted to see our color choices at different visible ranges.<\/p>\n

5.<\/strong> In the main map, use search to find a location you are interested in, such as Cape Town, South Africa. Find the same place in the mini maps and zoom to different scale ranges such as country, region, and neighborhood.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602162,"id":602162,"title":"mini-maps","filename":"mini-maps.png","filesize":68631,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/mini-maps","alt":"Maps of Cape Town, South Africa at different scale ranges","author":"4291","description":"","caption":"","name":"mini-maps","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:53:02","modified":"2019-09-06 14:53:15","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1272,"height":692,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","medium-width":464,"medium-height":252,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","medium_large-width":768,"medium_large-height":418,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","large-width":1272,"large-height":692,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","1536x1536-width":1272,"1536x1536-height":692,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","2048x2048-width":1272,"2048x2048-height":692,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps-826x449.png","card_image-width":826,"card_image-height":449,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/mini-maps.png","wide_image-width":1272,"wide_image-height":692}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The editor provides a variety of ways to select a different color\u2014for example, you can click the current color and use tools to choose a new color.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602172,"id":602172,"title":"color-picker","filename":"color-picker.png","filesize":26349,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/color-picker","alt":"Color editor","author":"4291","description":"","caption":"","name":"color-picker","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:54:01","modified":"2019-09-06 14:54:11","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1161,"height":338,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","medium-width":464,"medium-height":135,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","medium_large-width":768,"medium_large-height":224,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","large-width":1161,"large-height":338,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","1536x1536-width":1161,"1536x1536-height":338,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","2048x2048-width":1161,"2048x2048-height":338,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker-826x240.png","card_image-width":826,"card_image-height":240,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/color-picker.png","wide_image-width":1161,"wide_image-height":338}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The color editor was fine. But Maria and I wanted a more personalized color for our map. Using the eyedropper tool from SnagIt Editor (most image editing apps have something similar), we identified a blue hexadecimal (hex) value from her recent birthday party invitation.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602182,"id":602182,"title":"eyedropper","filename":"eyedropper.png","filesize":64011,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/eyedropper","alt":"Birthday invitation with eyedropper displaying hex code for blue balloon","author":"4291","description":"","caption":"","name":"eyedropper","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:55:23","modified":"2019-09-06 15:13:59","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":486,"height":365,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","medium-width":348,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","medium_large-width":486,"medium_large-height":365,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","large-width":486,"large-height":365,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","1536x1536-width":486,"1536x1536-height":365,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","2048x2048-width":486,"2048x2048-height":365,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","card_image-width":486,"card_image-height":365,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/eyedropper.png","wide_image-width":486,"wide_image-height":365}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

We used the hex code to change the water color in the map.<\/p>\n

6.<\/strong> Change the water color value to #019ade<\/strong>.<\/p>\n

The maps automatically update with the new color.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602192,"id":602192,"title":"blue-balloon","filename":"blue-balloon.png","filesize":83367,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/blue-balloon","alt":"Water color updated in Quick Edit and maps","author":"4291","description":"","caption":"","name":"blue-balloon","status":"inherit","uploaded_to":601452,"date":"2019-09-06 14:57:43","modified":"2019-09-06 14:57:52","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1863,"height":644,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","medium-width":464,"medium-height":160,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","medium_large-width":768,"medium_large-height":265,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","large-width":1863,"large-height":644,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","1536x1536-width":1536,"1536x1536-height":531,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","2048x2048-width":1863,"2048x2048-height":644,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon-826x286.png","card_image-width":826,"card_image-height":286,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/blue-balloon.png","wide_image-width":1863,"wide_image-height":644}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

We changed some of the other colors to better highlight the water.<\/p>\n

7.<\/strong> Change other category colors if you want, and click Save style and close<\/strong> to save your style and return to the map.<\/p>\n

Customize the reference layer<\/h1>\n

Since changing the water color was easy and fun, we decided to change the style of the place names too. Labels are in a separate layer but the process is similar.<\/p>\n

1.<\/strong> In the Details > Content<\/strong> pane, click Light Gray Canvas<\/strong>, point to Light Gray Reference<\/strong>, and click Change Style<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602212,"id":602212,"title":"reference-layer","filename":"reference-layer.png","filesize":7450,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/reference-layer","alt":"Light Gray Reference layer with Change Style button","author":"4291","description":"","caption":"","name":"reference-layer","status":"inherit","uploaded_to":601452,"date":"2019-09-06 15:00:16","modified":"2019-09-06 15:00:26","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":346,"height":294,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","medium-width":307,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","medium_large-width":346,"medium_large-height":294,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","large-width":346,"large-height":294,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","1536x1536-width":346,"1536x1536-height":294,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","2048x2048-width":346,"2048x2048-height":294,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","card_image-width":346,"card_image-height":294,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/reference-layer.png","wide_image-width":346,"wide_image-height":294}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

2.<\/strong> Save a copy of the style, open the quick edit pane, and, next to Label Colors, choose Pick Label Colors<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602222,"id":602222,"title":"pick-label-colors","filename":"pick-label-colors.png","filesize":5315,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/pick-label-colors","alt":"Pick Label Colors selected for label contrast","author":"4291","description":"","caption":"","name":"pick-label-colors","status":"inherit","uploaded_to":601452,"date":"2019-09-06 15:01:36","modified":"2019-09-06 15:02:19","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":514,"height":118,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors-213x118.png","thumbnail-width":213,"thumbnail-height":118,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","medium-width":464,"medium-height":107,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","medium_large-width":514,"medium_large-height":118,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","large-width":514,"large-height":118,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","1536x1536-width":514,"1536x1536-height":118,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","2048x2048-width":514,"2048x2048-height":118,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","card_image-width":514,"card_image-height":118,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pick-label-colors.png","wide_image-width":514,"wide_image-height":118}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

We used our eyedropper tool to get the hex code from the pink balloon in the birthday invitation. We also explored a bunch of the fonts until we found one we liked\u2014LifeSavers ExtraBold, of course!<\/p>\n

3.<\/strong> For label text, enter #ef018d<\/strong>. For font, choose LifeSavers ExtraBold.<\/strong> For label size, click Larger <\/strong>twice. Click Save style and close<\/strong> to save your style and see your personalized map.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602232,"id":602232,"title":"pink-labels","filename":"pink-labels.png","filesize":7748,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/pink-labels","alt":"Label properties","author":"4291","description":"","caption":"","name":"pink-labels","status":"inherit","uploaded_to":601452,"date":"2019-09-06 15:03:41","modified":"2019-09-06 15:03:57","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":518,"height":442,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","medium-width":306,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","medium_large-width":518,"medium_large-height":442,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","large-width":518,"large-height":442,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","1536x1536-width":518,"1536x1536-height":442,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","2048x2048-width":518,"2048x2048-height":442,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","card_image-width":518,"card_image-height":442,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/pink-labels.png","wide_image-width":518,"wide_image-height":442}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Done. With just a few quick edits, we made our own map style. Marvelous<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":602252,"id":602252,"title":"marvelous","filename":"marvelous.png","filesize":66293,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/make-your-own-map-style\/marvelous","alt":"Map with customized layer styles","author":"4291","description":"","caption":"","name":"marvelous","status":"inherit","uploaded_to":601452,"date":"2019-09-06 15:05:10","modified":"2019-09-06 15:05:24","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1351,"height":727,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","medium-width":464,"medium-height":250,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","medium_large-width":768,"medium_large-height":413,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","large-width":1351,"large-height":727,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","1536x1536-width":1351,"1536x1536-height":727,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","2048x2048-width":1351,"2048x2048-height":727,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous-826x444.png","card_image-width":826,"card_image-height":444,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/09\/marvelous.png","wide_image-width":1351,"wide_image-height":727}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Learn more about updating vector tile layer styles<\/h1>\n