如何在grafana react面板中获取当前主题？

Question

我正在使用@ grafana / ui软件包开发一个grafana react面板。

我想专门为深色和浅色主题设置面板样式。

那我如何获得当前主题？

Answer 1

可以从导出到插件的配置中获得主题模式。

以下是获取当前主题模式的示例代码：

import config from "grafana/app/core/config";

const isDarkMode = config.theme.isDark;

如果您使用的是打字稿，则可以将https://github.com/CorpGlory/types-grafana添加为您的开发依赖项，这将提供一些有用的提示。但是请注意，它不是最新的。

Answer 2

1. 请安装@ grafana / runtime
2. 从'@ grafana / runtime'导入{config}；
3. 让isDark = config.theme.isDark;