Applies ToVisio Plan 2 Visio in Microsoft 365 Visio Plan 1 Visio Professional 2021 Visio Professional 2019 Visio Professional 2016

Not all the design-related features in the Visio desktop app are supported yet in Visio for the web. This article discusses some of the differences between the two. An article that can help you understand these differences more generally is Why can’t I open a diagram for editing in Visio for the web?

Themes and variants

Themes are applied to an entire diagram to give it a makeover and make it stand out. Visio provides a large set of themes and styles. They are professionally designed to give your diagram a variety of dynamic looks, ranging from professional and modern to stylish and hand drawn. By combining colors, fonts, and effects in a unified and purposeful manner, each theme gives your diagram a distinctive, vibrant, and cohesive visual.  

However, Visio for the web doesn’t support some themes that the Visio desktop app supports. If a drawing has a theme applied to it that Visio for the web doesn’t support, then the drawing file can’t be opened in Visio for the web.  The following themes are not supported in Visio for the web: 

Theme category

Unsupported themes

Professional

None. All themes are supported.

Modern

The Gemstone theme is not supported in Visio for the web.

Trendy

The Smoke theme is not supported in Visio for the web. The Radiance theme is not supported in Visio for the web.    The Shade theme is not supported in Visio for the web.

Hand drawn

The Pencil theme is not supported in Visio for the web. The Pen theme is not supported in Visio for the web.      The Marker theme is not supported in Visio for the web.    The Whiteboard theme is not supported in Visio for the web.

Changing a theme

If an existing diagram has one of the above themes applied to it, but you want to be able to open it in Visio for the web, you must first change the theme in the Visio desktop app. To do so, follow these steps: 

  1. To apply a theme, go to the Design tab and choose from any of the theme options available by just clicking on the theme to be selected. Choose any theme not mentioned in the above list to open the diagram for editing in Visio for the web.

  2. By hovering your mouse over any of the selections, you can preview that theme on your diagram. You can quickly experiment with various looks without committing to the change. Once you find the perfect theme for you, you can opt to customize your diagram further with variants and styles. 

    Themes and Variants on the Design tab of the ribbon in Visio.

Variants

If a theme is not supported in Visio for the web, its variants are also not supported. To be able to open a file for editing in Visio for the web, choose from any of supported themes and then apply a supported variant to the supported theme.  

The following variant effects are not supported in Visio for the web irrespective of whether the theme is supported.   

Variants

Unsupported variants:

Unsupported theme variants in Visio for the web.

Changing a variant

If an existing diagram has one of the above variants applied to it, but you want to be able to open it in Visio for the web, you must first change the variant in the Visio desktop app. To do so, follow these steps: 

  1. To apply a variant, go to the Design tab and choose from any of the variant options available by just clicking on the theme to be selected. Choose any variant not mentioned in the above list to open the diagram for editing in Visio for the web.

  2. By hovering your mouse over any of the selections, you can preview that variant on your diagram. You can quickly experiment with various looks without committing to the change. Once you find the right variant for you, you can opt to customize your diagram further with styles. 

    Themes and Variants on the Design tab of the ribbon in Visio.

Quick styles

Each new theme offers a set of quick styles, which are style and color pairings that can be applied to individual shapes. Because quick styles leverage the color scheme and style sets of your chosen theme and variant, you can apply them liberally to shapes while retaining an overall unified look. 

You can apply styles through the Shape Styles Gallery in the Home tab. Simply select the shape(s) that you want to format, and then select a style from the gallery. You can view the entire gallery by clicking the down-arrow to the right of the gallery. You can hover over any of the selections to see a preview in your diagram. 

Shape Style options in Visio for the web.

Styles support all shape types in Visio. In addition to two-dimensional shapes, Visio also offers Quick Styles for connectors and lines: 

Shape Style options for lines and connectors in Visio for the web.

Layers

Layers with the lock, color, or transparency property are not supported in Visio for the web. If an existing diagram has layers with these properties in it, but you want to be able to open it in Visio for the web, you must first remove them in the Visio desktop app. To do so:

  1. In the Home tab, in the Editing group, click Layers, and select Layer Properties.

  2. In the Layer Properties dialog box, check to see if any shapes are assigned to the layer.

  3. If a layer has shapes on it, do the following to assign the shapes to a different layer:

    1. To close the Layer Properties dialog box, click OK.

    2. Select the shapes you want to reassign.

    3. On the Home tab, in the Editing group, click Layers, and select Assign to Layer.

    4. In the Layer dialog box, click the layer you want to assign the shapes to.

    5. Click OK.

  4. In the Editing group, click Layers, and then select Layer Properties again.

  5. In the Layer Properties dialog box, select the layer you want to delete, and then click Remove.

    To delete all unused layers, in the Layer Properties dialog box, check Remove unreferenced layers, and then click OK.

To learn more about layers, please see Add a layer.

See Also

Fill a shape with a color, gradient, or pattern 

Format a shape in Visio

Fill a shape with a color, gradient, or pattern

Add a layer

Prevent or allow changes to shapes

Need more help?

Want more options?

Explore subscription benefits, browse training courses, learn how to secure your device, and more.

Communities help you ask and answer questions, give feedback, and hear from experts with rich knowledge.