To change the Grafana dashboard theme from dark to light, you can follow these steps:
-
Through User Preferences:
-
Through URL Parameter:
- To switch to the light theme, append
&theme=light
to the Grafana dashboard URL in your browser [2:1].
- To switch to the light theme, append
-
Through Configuration File:
-
Through Docker Environment Configuration:
- If you are running Grafana in a Docker container, you can set an environment variable
GF_USERS_DEFAULT_THEME=light
to change the default theme to light[2:3].
- If you are running Grafana in a Docker container, you can set an environment variable
-
Organization Preferences:
- If you are an organization administrator, you can change the UI theme for all users in the organization.
- Navigate to "Administration" in the left-side menu, click on "General", then click on "Default preferences".
- In the "Preferences" section, select the UI theme as "Light"[5].
Remember that individual user preferences will override organization or server-level settings. If you have previously set a theme at the user level, you will need to change it there to see the effect[3:1].
For more advanced customizations, such as changing specific style characteristics or using a corporate color theme, you would need to edit the Sass files and recompile the Grafana frontend[6]. However, this is a more complex process and typically not necessary for simply switching between the built-in dark and light themes.
https://community.grafana.com/t/how-to-change-dashboard-theme-from-dark-to-light-color/14591 ↩︎
https://stackoverflow.com/questions/41006070/how-to-change-default-black-color-of-grafana ↩︎ ↩︎ ↩︎ ↩︎
https://community.grafana.com/t/ui-theme-not-changing-to-light-mode-anymore/9446 ↩︎ ↩︎
https://community.grafana.com/t/it-all-turned-white-but-im-in-dark-mode/72598 ↩︎
https://grafana.com/docs/grafana/latest/administration/organization-preferences/ ↩︎
https://www.neteye-blog.com/2017/12/how-to-customize-your-grafana-theme/ ↩︎