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".
"Site Settings" button at the top right of the editor
"Site Settings" button at the top right of the editor
The "Theme" tab in Site Settings
The "Theme" tab in Site Settings
Remember to click "Save Changes" before closing Site Settings!
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
Change the name of your site. This is the name that will be displayed on the "All Sites" page in Umbria
"Site Name" field in Site Settings
"Site Name" field in Site Settings
"All Sites" page in Umbria
"All Sites" page in Umbria
Upload a logo that will go in the top left corner of your site.
"Site Logo" field in Site Settings
"Site Logo" field in Site Settings
Your logo is displayed in the top left of your site
Your logo is displayed in the top left of your site
File needs to be a .png, .jpeg, .jpg file.
Upload a favicon that will appear in the tab of your site.
"Site Favicon" field in Site settings
"Site Favicon" field in Site settings
"Site Favicon" in browser tab
"Site Favicon" in browser tab
File needs to be a .png file.
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.
"Site Theme Colors" in Site Settings
"Site Theme Colors" in Site Settings
Video
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.
"Show Login Button" toggle in Site Settings
"Show Login Button" toggle in Site Settings
The login button appears on the top right of your site
The login button appears on the top right of your site
Enter the link you want the login button to redirect to.
"Login URL" field in Site Settings
"Login URL" field in Site Settings
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.
"Dark Mode" dropdown in Site Settings
"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.
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.
"Dark Site Logo" field in Site Settings
"Dark Site Logo" field in Site Settings
The Dark Site logo is displayed in the top left of your site
The Dark Site logo is displayed in the top left of your site
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".
"Site Settings" button at the top right of the editor
"Site Settings" button at the top right of the editor
The "Theme" tab in Site Settings
The "Theme" tab in Site Settings
Remember to click "Save Changes" before closing Site Settings!
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
Change the name of your site. This is the name that will be displayed on the "All Sites" page in Umbria
"Site Name" field in Site Settings
"Site Name" field in Site Settings
"All Sites" page in Umbria
"All Sites" page in Umbria
Upload a logo that will go in the top left corner of your site.
"Site Logo" field in Site Settings
"Site Logo" field in Site Settings
Your logo is displayed in the top left of your site
Your logo is displayed in the top left of your site
File needs to be a .png, .jpeg, .jpg file.
Upload a favicon that will appear in the tab of your site.
"Site Favicon" field in Site settings
"Site Favicon" field in Site settings
"Site Favicon" in browser tab
"Site Favicon" in browser tab
File needs to be a .png file.
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.
"Site Theme Colors" in Site Settings
"Site Theme Colors" in Site Settings
Video
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.
"Show Login Button" toggle in Site Settings
"Show Login Button" toggle in Site Settings
The login button appears on the top right of your site
The login button appears on the top right of your site
Enter the link you want the login button to redirect to.
"Login URL" field in Site Settings
"Login URL" field in Site Settings
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.
"Dark Mode" dropdown in Site Settings
"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.
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.
"Dark Site Logo" field in Site Settings
"Dark Site Logo" field in Site Settings
The Dark Site logo is displayed in the top left of your site
The Dark Site logo is displayed in the top left of your site
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".
"Site Settings" button at the top right of the editor
"Site Settings" button at the top right of the editor
The "Theme" tab in Site Settings
The "Theme" tab in Site Settings
Remember to click "Save Changes" before closing Site Settings!
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
Change the name of your site. This is the name that will be displayed on the "All Sites" page in Umbria
"Site Name" field in Site Settings
"Site Name" field in Site Settings
"All Sites" page in Umbria
"All Sites" page in Umbria
Upload a logo that will go in the top left corner of your site.
"Site Logo" field in Site Settings
"Site Logo" field in Site Settings
Your logo is displayed in the top left of your site
Your logo is displayed in the top left of your site
File needs to be a .png, .jpeg, .jpg file.
Upload a favicon that will appear in the tab of your site.
"Site Favicon" field in Site settings
"Site Favicon" field in Site settings
"Site Favicon" in browser tab