Theme

You can view all theme settings by visiting the "Theme" tab in "Site Settings". Click on the gear button at the top right of the editor to access "Site Settings". 

Image alt text

"Site Settings" button at the top right of the editor

Image alt text

"Site Settings" button at the top right of the editor

Image alt text

The "Theme" tab in Site Settings

Image alt text

The "Theme" tab in Site Settings

Remember to click "Save Changes" before closing Site Settings!

Site Id

To include any of our embeddable documentation tools in your product (Fullscreen AI Chatbot, Popup AI Chatbot, or Embedded Documentation) the Site Id of the site you wish for the tool to reference is necessary. It is found at the top in the "Theme" tab

Image alt text
Image alt text

Site Name

Change the name of your site. This is the name that will be displayed on the "All Sites" page in Umbria

Image alt text

"Site Name" field in Site Settings

Image alt text

"Site Name" field in Site Settings

Image alt text

"All Sites" page in Umbria

Image alt text

"All Sites" page in Umbria

Site Logo

Upload a logo that will go in the top left corner of your site.

Image alt text

"Site Logo" field in Site Settings

Image alt text

"Site Logo" field in Site Settings

Image alt text

Your logo is displayed in the top left of your site

Image alt text

Your logo is displayed in the top left of your site

File needs to be a .png, .jpeg, .jpg file.

Site Favicon

Upload a favicon that will appear in the tab of your site.

Image alt text

"Site Favicon" field in Site settings

Image alt text

"Site Favicon" field in Site settings

Image alt text

"Site Favicon" in browser tab

Image alt text

"Site Favicon" in browser tab

File needs to be a .png file.

Site Theme Colors

Click on the boxes to enter in theme colors. Clicking on the boxes will open a menu that will accept either RGB or hex values. 

The first box is meant for your primary color and will be shown on the left of gradients and present whenever there are glows for icons. The second color (the box to the right of the first one) is for your secondary color. This color will be the rightmost color in gradients.

If your brand contains only one color then set both of these boxes to that color

Click the "Swap Colors" button if you want to make your secondary color the primary color and your primary color the secondary color. This will change the order of gradients as well.

Image alt text

"Site Theme Colors" in Site Settings

Image alt text

"Site Theme Colors" in Site Settings

Video

Show Login Button

A login button can be present on the top right of your site. This is helpful if you wish to redirect users to your login page. Toggle this option on to show the login button.

Image alt text

"Show Login Button" toggle in Site Settings

Image alt text

"Show Login Button" toggle in Site Settings

Image alt text

The login button appears on the top right of your site

Image alt text

The login button appears on the top right of your site

Login URL

Enter the link you want the login button to redirect to.

Image alt text

"Login URL" field in Site Settings

Image alt text

"Login URL" field in Site Settings

Dark Mode

Your site can be presented in light mode, dark mode, or both. This means that users can either have the option to be able to toggle it to the mode they choose or they view it in one of the modes only. To choose an option click the dropdown and select the dark mode setting.

Image alt text

"Dark Mode" dropdown in Site Settings

Image alt text

"Dark Mode" dropdown in Site Settings

If you are unable to toggle to dark mode in the editor, it means that this settings is "Light Only". Select "Light and Dark" in order to toggle the editor to both light and dark mode. 

Dark Site Logo

If you selected the Dark Mode option to be "Light and Dark" or "Dark Only", upload a dark mode logo that will show in the top left of your site.

Image alt text

"Dark Site Logo" field in Site Settings

Image alt text

"Dark Site Logo" field in Site Settings

Image alt text

The Dark Site logo is displayed in the top left of your site

Image alt text

The Dark Site logo is displayed in the top left of your site

Last Updated On 2024-03-17
Was this page helpful?
Last Updated On 2024-03-17
Was this page helpful?

Theme

You can view all theme settings by visiting the "Theme" tab in "Site Settings". Click on the gear button at the top right of the editor to access "Site Settings". 

Image alt text

"Site Settings" button at the top right of the editor

Image alt text

"Site Settings" button at the top right of the editor

Image alt text

The "Theme" tab in Site Settings

Image alt text

The "Theme" tab in Site Settings

Remember to click "Save Changes" before closing Site Settings!

Site Id

To include any of our embeddable documentation tools in your product (Fullscreen AI Chatbot, Popup AI Chatbot, or Embedded Documentation) the Site Id of the site you wish for the tool to reference is necessary. It is found at the top in the "Theme" tab

Image alt text
Image alt text

Site Name

Change the name of your site. This is the name that will be displayed on the "All Sites" page in Umbria

Image alt text

"Site Name" field in Site Settings

Image alt text

"Site Name" field in Site Settings

Image alt text

"All Sites" page in Umbria

Image alt text

"All Sites" page in Umbria

Site Logo

Upload a logo that will go in the top left corner of your site.

Image alt text

"Site Logo" field in Site Settings

Image alt text

"Site Logo" field in Site Settings

Image alt text

Your logo is displayed in the top left of your site

Image alt text

Your logo is displayed in the top left of your site

File needs to be a .png, .jpeg, .jpg file.

Site Favicon

Upload a favicon that will appear in the tab of your site.

Image alt text

"Site Favicon" field in Site settings

Image alt text

"Site Favicon" field in Site settings

Image alt text

"Site Favicon" in browser tab

Image alt text

"Site Favicon" in browser tab

File needs to be a .png file.

Site Theme Colors

Click on the boxes to enter in theme colors. Clicking on the boxes will open a menu that will accept either RGB or hex values. 

The first box is meant for your primary color and will be shown on the left of gradients and present whenever there are glows for icons. The second color (the box to the right of the first one) is for your secondary color. This color will be the rightmost color in gradients.

If your brand contains only one color then set both of these boxes to that color

Click the "Swap Colors" button if you want to make your secondary color the primary color and your primary color the secondary color. This will change the order of gradients as well.

Image alt text

"Site Theme Colors" in Site Settings

Image alt text

"Site Theme Colors" in Site Settings

Video

Show Login Button

A login button can be present on the top right of your site. This is helpful if you wish to redirect users to your login page. Toggle this option on to show the login button.

Image alt text

"Show Login Button" toggle in Site Settings

Image alt text

"Show Login Button" toggle in Site Settings

Image alt text

The login button appears on the top right of your site

Image alt text

The login button appears on the top right of your site

Login URL

Enter the link you want the login button to redirect to.

Image alt text

"Login URL" field in Site Settings

Image alt text

"Login URL" field in Site Settings

Dark Mode

Your site can be presented in light mode, dark mode, or both. This means that users can either have the option to be able to toggle it to the mode they choose or they view it in one of the modes only. To choose an option click the dropdown and select the dark mode setting.

Image alt text

"Dark Mode" dropdown in Site Settings

Image alt text

"Dark Mode" dropdown in Site Settings

If you are unable to toggle to dark mode in the editor, it means that this settings is "Light Only". Select "Light and Dark" in order to toggle the editor to both light and dark mode. 

Dark Site Logo

If you selected the Dark Mode option to be "Light and Dark" or "Dark Only", upload a dark mode logo that will show in the top left of your site.

Image alt text

"Dark Site Logo" field in Site Settings

Image alt text

"Dark Site Logo" field in Site Settings

Image alt text

The Dark Site logo is displayed in the top left of your site

Image alt text

The Dark Site logo is displayed in the top left of your site

Last Updated On 2024-03-17}
Was this page helpful?
Last Updated On 2024-03-17}
Was this page helpful?

Theme

You can view all theme settings by visiting the "Theme" tab in "Site Settings". Click on the gear button at the top right of the editor to access "Site Settings". 

Image alt text

"Site Settings" button at the top right of the editor

Image alt text

"Site Settings" button at the top right of the editor

Image alt text

The "Theme" tab in Site Settings

Image alt text

The "Theme" tab in Site Settings

Remember to click "Save Changes" before closing Site Settings!

Site Id

To include any of our embeddable documentation tools in your product (Fullscreen AI Chatbot, Popup AI Chatbot, or Embedded Documentation) the Site Id of the site you wish for the tool to reference is necessary. It is found at the top in the "Theme" tab

Image alt text
Image alt text

Site Name

Change the name of your site. This is the name that will be displayed on the "All Sites" page in Umbria

Image alt text

"Site Name" field in Site Settings

Image alt text

"Site Name" field in Site Settings

Image alt text

"All Sites" page in Umbria

Image alt text

"All Sites" page in Umbria

Site Logo

Upload a logo that will go in the top left corner of your site.

Image alt text

"Site Logo" field in Site Settings

Image alt text

"Site Logo" field in Site Settings

Image alt text

Your logo is displayed in the top left of your site

Image alt text

Your logo is displayed in the top left of your site

File needs to be a .png, .jpeg, .jpg file.

Site Favicon

Upload a favicon that will appear in the tab of your site.

Image alt text

"Site Favicon" field in Site settings

Image alt text

"Site Favicon" field in Site settings

Image alt text

"Site Favicon" in browser tab

Image alt text

"Site Favicon" in browser tab

File needs to be a .png file.

Site Theme Colors

Click on the boxes to enter in theme colors. Clicking on the boxes will open a menu that will accept either RGB or hex values. 

The first box is meant for your primary color and will be shown on the left of gradients and present whenever there are glows for icons. The second color (the box to the right of the first one) is for your secondary color. This color will be the rightmost color in gradients.

If your brand contains only one color then set both of these boxes to that color

Click the "Swap Colors" button if you want to make your secondary color the primary color and your primary color the secondary color. This will change the order of gradients as well.

Image alt text

"Site Theme Colors" in Site Settings

Image alt text

"Site Theme Colors" in Site Settings

Video

Show Login Button

A login button can be present on the top right of your site. This is helpful if you wish to redirect users to your login page. Toggle this option on to show the login button.

Image alt text

"Show Login Button" toggle in Site Settings

Image alt text

"Show Login Button" toggle in Site Settings

Image alt text

The login button appears on the top right of your site

Image alt text

The login button appears on the top right of your site

Login URL

Enter the link you want the login button to redirect to.

Image alt text

"Login URL" field in Site Settings

Image alt text

"Login URL" field in Site Settings

Dark Mode

Your site can be presented in light mode, dark mode, or both. This means that users can either have the option to be able to toggle it to the mode they choose or they view it in one of the modes only. To choose an option click the dropdown and select the dark mode setting.

Image alt text

"Dark Mode" dropdown in Site Settings

Image alt text

"Dark Mode" dropdown in Site Settings

If you are unable to toggle to dark mode in the editor, it means that this settings is "Light Only". Select "Light and Dark" in order to toggle the editor to both light and dark mode. 

Dark Site Logo

If you selected the Dark Mode option to be "Light and Dark" or "Dark Only", upload a dark mode logo that will show in the top left of your site.

Image alt text

"Dark Site Logo" field in Site Settings

Image alt text

"Dark Site Logo" field in Site Settings

Image alt text

The Dark Site logo is displayed in the top left of your site

Image alt text

The Dark Site logo is displayed in the top left of your site

Last Updated On 2024-03-17
Was this page helpful?
Last Updated On 2024-03-17
Was this page helpful?
ON THIS PAGE
Theme
Site Id
Site Name
Site Logo
Site Favicon
Site Theme Colors
Video
Show Login Button
Login URL
Dark Mode
Dark Site Logo
Back to top