All three screens sit in the first group of the administration sidebar. Open your profile menu at the top right, click System Settings, and the sidebar shows them at the top.
Name and logos
Brand Identity holds the app name and four logo slots. The page title reads Brand & Identity Settings.
Each slot shows a preview on the matching background, so you can see whether a dark logo disappears on a dark sidebar before you save. A slot without an uploaded file shows the Collabase logo.
Mails use the Expanded Logo (Wide), Light file as well. Collabase turns it into a small PNG when you save, because Gmail and Outlook do not show SVG files. A logo that cannot be turned into an image, or a slot with only a dark logo, shows the app name as text instead. The accent color of your mails is the one you pick under Theme.
1
Open Brand Identity
Go to Administration → Brand Identity.
2
Enter the app name
Type the name your members know, for example the name of your intranet, into App Name.
3
Upload the logos
Click Replace Logo under each slot and choose an image file. The message Logo uploaded confirms each upload. Click Remove to go back to the default for that slot.
4
Save
Click Save. The message Settings saved confirms it.
Collapse and expand the sidebar once in light mode and once in dark mode. Each of the four states shows the logo you uploaded for it, and the browser tab shows the new name.
Accent color
Theme sets one accent color for the whole installation. It colors primary buttons, active navigation items and highlights, for every person, in light and in dark mode. Open it under Administration → Theme, where the page title reads System Theme. The screen offers three ways to pick a color. Clicking a tile saves it at once, and the tile in use carries the label Active.
The message Theme updated confirms the change. If it fails, The theme could not be applied appears and the previous color stays.
The accent color is the same for everybody. Light or dark mode is a personal choice: each person sets Light, Dark or System under Preferences → Appearance in their profile menu.
Login screen
Open Administration → Login screen. It decides how the sign-in, password reset and password change screens look, for all users. It has three cards.Design
Click a design to apply it. The design applies to every authentication screen.
Image
The image appears next to the form in the Split with image design and behind the form in the Liquid Glass design. Pick one of the photos that ship with Collabase, grouped by place (Zurich, Swiss Alps), or upload your own under Custom image. Every photo, and every uploaded image, is used in light and dark mode alike.
Collabase accepts a file above 2 MB or wider than 4,000 pixels, but warns: This image is large and will slow the login screen down. Every visitor downloads the image before signing in, so a smaller file makes the sign-in screen appear faster.
Announcement banner
The announcement banner shows a notice above the sign-in form, for example planned maintenance. People see it before they sign in, so it reaches everybody, including people whose session has ended.1
Open the login screen settings
Go to Administration → Login screen and scroll to Announcement banner.
2
Write the notice
Fill in Title, Text or both. A banner with neither a title nor a text is not shown.
3
Choose a color and whether people may close it
Pick a Colour. Use Warning or Critical for outages, so the banner stands out against the image.
4
Switch it on and save
Turn on Show banner and click Save.
Open the sign-in page in a private browser window. The banner appears above the form in the color you chose.
Troubleshooting
Related pages
System settings
Every screen of the administration area and where it is documented.
Outgoing mail and mail templates
Set the sender of the mails Collabase sends, and switch mail events on or off.
Security policies
Password rules, session lifetime and lockout, which also shape the sign-in experience.
Your profile
Where each person chooses language and light or dark mode.