Administrator

How do I customize my domain's brand, styles, and themes?

  • Updated:
    info_outline
    Created:

Easily customize your domain's look and feel.

  1. Open the More menu in the toolbar of Domain Details.  
  2. Select Domain Settings.
  1. On the Themes card, provide the following theme components.

Theme components

Icon

Upload the image to use for the application favicon. A favicon is used in a browser's address bar and/or next to the site name in bookmarks.

  • Required file type: PNG
  • Ideal size: 42x42

Touch icon

Upload the image to use when a user saves their Buzz website to their homescreen.

  • Required file type: PNG
  • Ideal size: 192x192

Toolbar color

If you want to change the color of your main toolbar throughout the domain, choose it here using the color picker, entering the hex or RGB value, or choosing a previously used color. All CSS colors are valid; click for a list of colors.

  • Note: Specifying a color here overrides the ability for students and other users to choose their own theme colors (with the exception of the High Contrast setting).

Theme

Choose the app's default theme colors from the dropdown. The first color listed in the primary color and the second is used as an accent. These colors are applied throughout the platform, including toolbars, buttons, etc.

  • Note: Specifying a color is just a default. Students and other users can choose their own theme colors to override this (with the exception of the High Contrast setting). If you want remove this option, you can specify the Toolbar and Application tabs colors above.

Limit themes

If you want to limit the theme color choices, select the color theme options your domain will allow from the dropdown.

Login Page

Indicate whether you want to use a File, Text, or URL for a custom login page background image. Upload the file, enter the text, or provide the URL in the field below.

To reference images, or other resources, from within a relative HTML page (File), use the absolute prefix /Resource/<DomainId>/public/shadow/app/buzz/<PathToFile>, where <DomainId> is the ID of the domain containing the resource and <PathToFile> is the relative path to the file.

Notes

  • Domain configuration is inherited by all subdomains unless explicitly overwritten by a subdomain.
  • For better display on high-density screen, store any image with a resolution two times the rendered size. For better performance, store large images as compressed JPG files.
forum

Have a question or feedback? Let us know over in Discussions!