Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Enterprise Open source

Change Grafana UI theme

In Grafana, you can modify the UI theme configured in the Settings or Preferences. Set the UI theme for the server, an organization, a team, or your personal user account using the instructions in this topic.

Some tasks require certain permissions. For more information about roles, refer to Permissions.

Theme options

The theme affects how Grafana displays graphs, menus, other UI elements.

Default

Default is either the dark theme or the theme selected in a higher level. For example, if an Organization administrator set the Light theme, then that is the default for all the teams in that organization.

Dark

Here is an example of the dark theme.

Dark theme example

Light

Here is an example of the light theme.

Light theme example

Change server UI theme

Grafana server administrators can change the Grafana UI theme for all users on the server by setting the default_theme option in the Grafana configuration file.

To see what the current settings are, refer to View server settings.

Change organization UI theme

Organization administrators can change the UI theme for all users in an organization.

  1. Hover your cursor over the Configuration (gear) icon.
  2. Click Preferences.
  3. In the Preferences section, select the UI theme.
  4. Click Save.

Change team UI theme

Organization and team administrators can change the UI theme for all users in a team.

  1. Hover your cursor over the Configuration (gear) icon in the side menu.
  2. Click Teams. Grafana displays the team list.
  3. Click on the team that you want to change the UI theme for and then navigate to the Settings tab.
  4. In the Preferences section, select the UI theme.
  5. Click Save.

Change your personal UI theme

You can change the UI theme for your user account. This setting overrides UI theme settings at higher levels.

  1. On the left menu, hover your cursor over your avatar and then click Preferences.
  2. In the Preferences section, select the UI theme.
  3. Click Save.