.. _change-logo: 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**: .. code-block:: bash /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 :ref:`change-docker-files`. 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: .. code-block:: bash 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): .. code-block:: bash fleio edit staff.config.json fleio edit enduser.config.json