本文介绍了如何自定义Grafana仪表板的主题，包括更改颜色、字体和样式。通过修改Sass文件，特别是_variables.dark.scss，可以实现颜色主题的切换。在示例中，将默认的深色背景更改为公司红色。此外，还展示了如何在_dashboard.sass文件中调整仪表板标题颜色。最后，通过运行`npm run build`命令编译前端，使更改生效。
如何自定义您的Grafana主题
Grafana是一个开源仪表板工具，可帮助用户轻松创建和编辑仪表板。Grafana使用Golang作为后端，使用Angular作为前端。它是一个相当大的代码库，并且为其组件支持大量选项(数据源，选项，面板等)。Grafana的样式表是使用Sass CSS扩展语言编写的。该预处理器可以帮助自定义主题。
所有Sass文件都位于public / sass文件夹中。
基本文件夹包含一些通用文件，如字体，图标等。在组件文件夹中，您可以找到所有HTML组件的样式表，例如按钮，导航栏，搜索栏，选项卡等。所有管理页面结构和布局参数的规则都可以在布局目录中找到。的混入目录是不言自明的：它包含属性-值对，其中其他规则集然后可以重新使用的所有图案。在页面目录中，您可以找到页面专用文件，例如，仪表板的样式，错误页面，登录页面等。的utils的目录包含声明诸如间距，宽度等
从主Sass文件夹的屏幕快照中可以看到，还有管理主题和sass编译器的通用文件。
如果您需要在Grafana界面上更改某些样式特征，则只需自定义一个sass文件，然后重新编译主题即可。
接口定制是一个相当容易的操作。假设我们要在Grafana仪
最低0.47元/天 解锁文章
864
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
