How to change the logo

In order to change the logo for enduser and staff panels you will have to copy the new logo to the following locations, inside the fleio-frontend-1 container:

/var/webapps/fleio/frontend/staff/assets/img/staff/
/var/webapps/fleio/frontend/enduser/assets/img/enduser/

Keep in mind that manually copying there does not make these persistent so on upgrade / recreate they will be removed. In order to make them persistent, you will have to create a custom frontend image, as it’s described in this guide Adding or changing files in Fleio Docker images.

Below are a few particular notes for this case.

Note

The logo image should be 140 x 70 pixels in size, otherwise the browser resizes the image to this dimension and the logo may get distorted. It’s recommended that the logo image has a transparent background.

The Dockerfile new lines which will copy the logos to their location are the following:

COPY logo_light.png "$INSTALL_PATH/frontend/staff/assets/img/staff/logo_light.png"
COPY logo_dark.png "$INSTALL_PATH/frontend/staff/assets/img/staff/logo_dark.png"

COPY logo_light.png "$INSTALL_PATH/frontend/enduser/assets/img/enduser/logo_light.png"
COPY logo_dark.png "$INSTALL_PATH/frontend/enduser/assets/img/enduser/logo_dark.png"

Remember to update the logoDark and logoLight setting from angular configs as described in the previous section but this time by using the following command (do so for every panel):

fleio edit staff.config.json
fleio edit enduser.config.json