mirror of
https://github.com/open-metadata/OpenMetadata.git
synced 2025-07-23 17:30:35 +00:00
9a0ab3ba58
* Fix FiveTran Docs * Fix Custom Logo doc * Fix Glue Pipeline * Fix Docs * Fix Dagster * Fix Kafka * Fix Connector References * Fix Readme * Fix link * Add v1.0.0
39 lines
1.0 KiB
Markdown
39 lines
1.0 KiB
Markdown
---
|
|
title: How to change the Login Page and Nav Bar Logo
|
|
slug: /how-to-guideshow-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/how-to-guideslogin-Page-Logo.png" alt="loginPage-image"/>
|
|
|
|
2. Navigation Bar
|
|
|
|
<Image src="/images/how-to-guidesnav-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
|
|
|
|
```yaml
|
|
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.
|