customization favicon

Favicon Replacement

When working with multiple MITIGATOR clusters, it can be inconvenient to navigate through open browser tabs, as all of them display the same favicon, making it difficult to quickly locate the required cluster.

To replace the default favicons, follow these steps:

  1. Prepare three PNG icons that meet the standard favicon sizes:

    • icon16.png – 16×16 pixels;
    • icon32.png – 32×32 pixels;
    • icon192.png – 192×192 pixels.

    You can either download a set of SVG icons from the MITIGATOR team and convert them to PNG at the required sizes, or use your own custom images.

  2. Create new directory /srv/mitigator/favicons and place the icon files in it.

  3. Create a YML file named docker-compose.favicon.yml with the following content:

    services:
  frontend:
    volumes:
      - ./favicons/icon16.png:/frontend/img/favicon/16.png
      - ./favicons/icon32.png:/frontend/img/favicon/32.png
      - ./favicons/icon192.png:/frontend/img/favicon/192.png

  4. Add docker-compose.favicon.yml to the COMPOSE_FILE list in the .env file:

    sed -i 's/^COMPOSE_FILE=\(.*\)$/COMPOSE_FILE=\1:docker-compose.favicon.yml/' .env

  5. Apply the changes.

    docker-compose up -d

Related Content