b78a67cec7
* Format md,mdx files with prettier on lint-staged * Manually run prettier on docs/sources
2.3 KiB
+++ title = "Change UI theme" description = "How to set the Grafana UI theme" keywords = ["grafana", "configuration", "documentation", "home"] weight = 200 +++
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.
{{< docs/shared "preferences/some-tasks-require-permissions.md" >}}
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.
Light
Here is an example of the light theme.
Change server UI theme
Grafana server administrators can change the Grafana UI theme for all users on the server by setting the [default_theme]({{< relref "../configuration.md#default-theme" >}}) option in the Grafana configuration file.
To see what the current settings are, refer to [View server settings]({{< relref "../view-server/view-server-settings.md" >}}).
Change organization UI theme
Organization administrators can change the UI theme for all users in an organization.
{{< docs/list >}} {{< docs/shared "preferences/org-preferences-list.md" >}} {{< docs/shared "preferences/select-ui-theme-list.md" >}} {{< /docs/list >}}
Change team UI theme
Organization and team administrators can change the UI theme for all users in a team.
{{< docs/list >}} {{< docs/shared "manage-users/view-team-list.md" >}}
- Click on the team that you want to change the UI theme for and then navigate to the Settings tab. {{< docs/shared "preferences/select-ui-theme-list.md" >}} {{< /docs/list >}}
Change your personal UI theme
You can change the UI theme for your user account. This setting overrides UI theme settings at higher levels.
{{< docs/list >}} {{< docs/shared "preferences/navigate-user-preferences-list.md" >}} {{< docs/shared "preferences/select-ui-theme-list.md" >}} {{< /docs/list >}}