yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-07-09 18:21:23 +00:00
Code Issues Packages Projects Releases Wiki Activity
OpenMetadata/openmetadata-docs/content/v1.1.0/how-to-guides/how-to-add-custom-logo.md
Pere Miquel Brull 222a8f8984
[Docs] - SSO updates & Connectors workflow config (#12241) 
* Rename docs and clean SSO

* Add connector partials

* Add connector partials

* Rename path
2023-06-30 12:25:11 +02:00

1.0 KiB
Raw Blame History

title slug
How to change the Login Page and Nav Bar Logo /how-to-guides/how-to-add-custom-logo

How to add a custom logo for the application

To change the Logo for the application, we need to update logo at two locations.

  1. Login Page

{% image src="/images/v1.1.0/how-to-guides/login-Page-Logo.png" alt="loginPage-image" /%}

  1. Navigation Bar

{% image src="/images/v1.1.0/how-to-guides/nav-Bar-Logo.png" alt="navBar-image" /%}

Step 1: Get the image size as per the following formats.

  • Monogram aspect ratio should be 1:1 and Recommended size should be 30 x 30 px
  • Logo aspect ratio should be 5:2 and Recommended size should be 150 x 60 px

Step 2: Configure 'openmetadata.yaml' or the corresponding environment variables

applicationConfig:
  logoConfig:
    customLogoUrlPath: ${OM_CUSTOM_LOGO_URL_PATH:-""} #login page logo
    customMonogramUrlPath: ${OM_CUSTOM_MONOGRAM_URL_PATH:-""} #nav bar logo

  1. customLogoUrlPath

    • URL path for the login page logo.

  2. customMonogramUrlPath

    • URL path for the navbar logo.