Appearance

Custom appearance is only available on Pro and Enterprise plans (both self-hosted and on Metabase Cloud).

Appearance setttings give you the option to white label Metabase to match your company’s branding.

Changing Metabase’s appearance

Click on the gear icon at the bottom of the navigation sidebar and select Admin settings > Settings > Appearance. Here’s what you can do:

Application name

You can change every place in the app that says “Metabase” to something like “Acme Analytics,” or whatever you want to call your Metabase app.

Font

This is the primary font used in charts and throughout the Metabase application (your “instance font”). See Fonts.

Color palette

You can customize colors in both the application UI and in the Metabase charts.

User interface colors

User interface colors

You can customize the colors that Metabase uses throughout the app:

  • First color: The main color used throughout the app for buttons, links, and the default chart color.
  • Second color: The color of aggregations and breakouts in the graphical query builder.
  • Third color: Color of filters in the query builder, buttons and links in filter widgets.

Chart colors

Chart colors

You can choose up to 24 hex values. If you choose fewer than 24 colors, Metabase will auto-generate colors to fill in the rest of the values.

You can replace Metabase’s familiar, tasteful, inspired-yet-not-threateningly-avant-garde dotted M logo with your very own logo. For things to work best, the logo you upload should be an SVG file that looks good when it’s around 60px tall. (In other words, ask the nearest designer for help.)

Favicon

The URL or image that you want to use as the favicon. Note that if you use a relative path, that path isn’t relative to the Metabase JAR, but to the webserver. So unless you’re using a reverse-proxy, the path will be relative to the frontend resources available to the JAR.

Landing page

The landing page is what people will see whenever they login. You can set the URL to a collection, question, dashboard or whatever, just make sure that everyone has access to that URL.

Loading message

This message is the text Metabase presents when it’s loading a query. Options include:

  • “Doing science…” (the default)
  • “Running query…”
  • “Loading results…”

Metabot

Metabot toggle

You can decide whether to display our little friend on the home page.

Lighthouse illustration

Show the Metabase lighthouse image on the home and login pages.

Further reading

Thanks for your feedback!

See something that needs fixing? Propose a change.