Create a community theme

Create a theme that determines the appearance of community portals, surveys, and forums.

1. Open the Community app and click Community > Member Experience at the top of the page.
2. Click Theming.
3. From the View Themes for list, select the community for which you want to create a new theme.
   This step applies only if you have multiple communities.
4. Click +New.
5. In the Create new theme dialog, type a theme name, and click Create.
6. Choose settings for the theme elements.
   For more information about the different theme elements, see Community themes.

   • Select colors for applicable theme elements.

     
     • Type the hex code value in the field.

       For example, #ffffff or ffffff

       If the color supports different opacities, the hex code value is converted into RGBA.

     • For colors that support 100% opacity only, type the RGB value.

       For example, rgb(255, 255, 255)

     • For colors that support different opacities, type the RGBA value.

       For example, rgba(255, 255, 255, 1)

     • Select the color using the color picker.
     • Set the opacity using the slider beneath the color picker.
     • Click Choose when you are finished.
   • Select font options from the menus.

     The following fonts are available:

     • Arial
     • Georgia
     • Hand of Sean
     • Helvetica
     • Montserrat
     • Open Sans
     • Raleway
     • Roboto
     • Times New Roman
     • Verdana
     Note: If the community locale is set to an Asian language, the only available font options are Serif and Sans-Serif.
   • Upload new images.
     1. Click Upload File.
     2. In the Upload Image dialog, click Browse, select an image, and click Open.

     3. Type alternative text for the image.

        Generally, alternative text should be a brief description of what is in the image. Alternative text is useful because:

        • If the image fails to load properly, the alternative text appears in its place and can therefore provide some context.
        • Alternative text is what is provided to screen readers and accessibility software, for users who cannot view the image.
     4. Click Add.

     For more information about community theme images, see Community theme image specifications.

7. Optional: Click Preview to view your theme changes.

   The preview mode opens in a new browser tab.

   At the top of the page, use the left-hand menu to select the application area, and use the right-hand menu to preview specific pages. The following table describes which pages you can preview.

   Application area	Preview pages
   Portal	Sign In Portal Content

   Note: Preview is not available for surveys or forums currently.
8. Optional: Click Publish to save changes to a theme, or to make changes to an active theme live.
9. Optional: To close the theme editor without saving changes, click Undo Changes, and then click Undo Changes again when prompted for confirmation.