Frontend

When logging in as administrator, you can customize several frontend settings via Settings -> Web Interface:

  • You can upload a custom logo file. For best experience, we recommend a .svg file, alternatively you can use a .png file with transparent background. This logo is also embedded into e-mails sent by LiveConfig. Optionally, this logo can also be displayed on the login page.

  • The main colors can be changed, independently for both light mode as well as dark mode.

CSS Customization

Note

This feature requires a LiveConfig Standard or LiveConfig Business license.

The web interface of LiveConfig 3.x is based on a SPA framework (Vue and Vuetify), so it’s not trivial to modify CSS properties. However, you can create a file named /var/lib/liveconfig/htdocs/custom.css, which may contain custom CSS settings. This way you can even replace the background image of the login page - see the following example:

:root {
  --v-primary-base: #111177 !important;
  --lc-img-bg-login: url(/liveconfig/static/bg-login.webp) !important;
}

Login page

Also via Settings -> Web Interface, you can enter a notification text which will be displayed on the login page (i.e. for announcing a planned maintenance). Markdown formatting is supported, a preview of the formatted message is shown below the input box.

A HTML file at /usr/share/liveconfig/login-info.html (as used with LiveConfig 2.x) is not supported any more.

Links to “Help” and “Privacy”

You can add custom “Help” and “Privacy” links to the bottom of the login page by setting the LCDefaults variable login.help.url respectively login.privacy.url.