Design settings

With the Design settings (Design Einstellungen) you adapt X-Sitter to your corporate design: your logo, a small icon, your display name and the colors of the sidebar and top navigation. Your clients see X-Sitter in your design too – they automatically get the design of their logistician when they log in.

Before you start

• Your user needs the permission Company Settings › Design settings. Ask your administrator.
• Have your logo and icon ready as JPG, PNG or SVG. For the icon, a small square graphic works best.

Step by step

1. Open Company Settings › Design settings (Firmen Einstellungen › Design Einstellungen).
2. Under App Logo, click Select logo (Logo auswählen) and choose your logo file.
3. Under App Icon, click Select icon (Icon auswählen) and choose the icon. It is shown when the sidebar is collapsed.
4. Enter a Display Name, e.g. your company name.
5. Enter the Sidebar, top navigation background color (Sidebar, Topnav- Hintergrundfarbe) and the Menu font color (Schriftfarbe der Menüs). The small box next to each field shows a preview of the color.
6. Click Save (Speichern). You see "The settings have been saved".

Fields and options

Field	Meaning
App Logo	Your logo in the sidebar. JPG, PNG or SVG.
App Icon	Small icon for the collapsed sidebar (Für die verkleinerte Sidebar). JPG, PNG or SVG.
Display Name	Name shown in the app instead of "X-Sitter App".
Sidebar, top navigation background color	Background color of the sidebar and the top bar. Enter a color code, e.g. #104148 (default).
Menu font color	Font color of the menu entries, e.g. rgba(255, 255, 255, 0.5) (default).

Good to know

• The design applies to your company and to all your clients. Clients cannot set their own design.
• After a user has logged in once, the login page in that browser also shows your logo and background color.
• Changes become visible for other users the next time they log in.
• Choose a font color with enough contrast to the background color, so the menu stays readable.