如何使用 ActiveReportsJS 主题编辑器

在学习指南里面大家可以看到主题编辑器这个工具，很多人不知道他的作用是什么？

其实主题编辑器就是为了方便我们开发人员去配置Viewer的CSS， 因为我们的 ActiveReportsJS 提供 Viewer，Viewer会包含默认的布局配色，那可能跟您的系统风格是不一致的，所以我们提供了主题编辑器来帮助您配置Viewer的风格。您不需要懂CSS，只需要通过右侧的边框配置，即可自动帮您生成CSS文件，就可引用到项目当中。



主要分为以下组成元素：

主题
是指针对整个Viewer的主题色调。

颜色
Viewer 的底色

边框
设置边框的圆角


字体类型
设置Viewer的字体样式




设置完成后，通过以下代码即可引入页面中：


启动应用后就可以看到Viewer颜色已经生效了。