mirror of
https://github.com/grafana/grafana.git
synced 2025-02-12 00:25:46 -06:00
b78a67cec7
* Format md,mdx files with prettier on lint-staged * Manually run prettier on docs/sources
68 lines
2.3 KiB
Markdown
68 lines
2.3 KiB
Markdown
+++
|
|
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" >}}
|
|
|
|
1. 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 >}}
|