With Metabase Enterprise Edition’s white labeling feature, you can customize your user interface:
Read this article to learn how to personalize your Metabase instance, transforming it from Figure 1 into Figure 2.
White label settings page
Use the text box at the top of the white label settings page to type the name of your company. We typed “Your Company” as an example.
When you click away, your company name will be saved and distributed throughout the application. Anywhere the text “Metabase” appeared will now be replaced by your company’s name. Double check that your name saved by looking at left side of the nav bar; it now says “Your Company Admin” instead of Metabase Admin.
Change the application’s default colors in the color palette section.
The color palette has helpful descriptions beside each color swatch, so you know whether the swatch affects the site’s primary color, nav bar, query builder, buttons, or accents.
Click the color swatch you want to change. In the pop up, select a new color using your method of choice:
- Drag the color selectors along the color and opacity gradients
- Enter a hex number
- Enter an RGBA number
- Select a color swatch from the color palette provided
Upload your company’s logo to replace the Metabase logo throughout the app.
Figure 5 uploads a PNG image from a desktop computer as a replacement to the Metabase logo. Once uploaded, we return to the Metabase home page and confirm that the blue Metabase logo has been replaced by our PNG image.
With an icon link, you can personalize the favicon that appears in your browser’s tab. In Figure 6 you can see the Google favicon on the left tab and the Metabase favicon on the right tab.
If you change your application name, but not your favicon, the favicon will remain as the Metabase logo.
Users see this page when they first log in to your Metabase instance and whenever they press the home button on the far left of the navbar.
For example, if the url of my desired home page is “http://localhost:3000/dashboard/3”, I would type “/dashboard/3”. When I exit Metabase Admin I see that my home page now looks like Figure 8 instead of Figure 7.
Sign in page
Your favicon will also appear on the browser tab of this page.
Learn about customization
Learn more about customizing your Metabase instance: