Edit

Share via


Set up theming components

Use theming components to create, manage, and share themes for canvas apps. A theme is a collection of styles that define multiple design properties for controls and components, such as colors, fonts, and borders. When makers use the themed template app to create a new app, these styles automatically apply to controls and components.

The theming components solution contains assets that are relevant to makers in addition to designers.

Important

The theming components solution doesn't depend on other components of the CoE Starter Kit. You can use it independently.

Before you begin, review the prerequisites for using the starter kit solution.

  • If you aren't already using the CoE Starter Kit, we recommend creating a new environment for CoE solutions.
  • If you're already using other CoE Starter Kit components, use the environment that you created as part of setting up the core components for this solution.

Prerequisites

The Power Apps theming solution contains Power Apps component framework elements. You must enable publishing of canvas apps with code components for the environment:

  1. Sign in to the Power Platform admin center.

  2. In the navigation pane, select Manage.

  3. From the Manage pane, select Environments.

  4. Choose the environment where your CoE solution is installed, or the environment where you plan to import the solution.

  5. Select Settings.

  6. Select Product > Features.

    Power Platform admin center Environment Product Settings.

  7. Make sure Allow publishing of canvas apps with code components is enabled.

    Enable publishing of canvas apps with code components in the Power Platform admin center.

Import the solution

  1. Go to the CoE Starter Kit repository, and download the Theming_x.x_managed.zip file from under Assets.

  2. Extract the zip file.

  3. Go to make.powerapps.com.

  4. Go to your CoE environment. In the example in the following image, you're importing to the environment named Contoso CoE.

    Power Apps maker portal environment selection.

  5. On the left pane, select Solutions.

  6. Select Import. A pop-up window appears. (If the window doesn't appear, make sure your browser's pop-up blocker is disabled and try again.)

  7. In the pop-up window, select Choose File.

  8. Select the Center Of Excellence theming solution from File Explorer (Theming_x_x_managed.zip).

  9. When the compressed (.zip) file has been loaded, select Next.

  10. Select Next, and then select Import. (This process might take some time.)

  11. When the import succeeds, you see the list of components that were imported.

  12. Select Close.

You can now use the theming components.